html {
	/* Neutral visual design tokens for active pages. */
	--color-surface-elevated: var(--color-surface);
	--color-border-inverse: #fff;
	--color-border-transparent: #151d4600;
	--color-border-neutral: #ccc;
	--color-border-blue-faint: #e7edff;
	--color-border-video-avatar: #f6f5fa;
	--color-border-inverse-translucent: #ffffff40;
	--color-border-inverse-subtle: rgba(255, 255, 255, .1);
	--color-text-muted-neutral: #7b7b7b;
	--color-text-muted-flat: #6B7280;
	--color-text-inverse: #fff;
	--color-text-inverse-86: rgba(255, 255, 255, .86);
	--color-text-inverse-78: rgba(255, 255, 255, .78);
	--color-border-inverse-42: rgba(255, 255, 255, .42);
	--color-blog-card-deep: #11071e;
	--color-blog-card-meta-surface: rgba(17, 7, 30, .22);
	--color-blog-hero-surface: #2b153c;
	--color-blog-hero-scrim-strong: rgba(18, 8, 31, .94);
	--color-blog-hero-scrim-middle: rgba(20, 9, 35, .73);
	--color-blog-hero-scrim-faint: rgba(24, 10, 40, .1);
	--color-blog-hero-scrim-middle-mobile: rgba(20, 9, 35, .76);
	--color-blog-hero-scrim-faint-mobile: rgba(24, 10, 40, .14);
	--color-blog-hero-category-surface: rgba(24, 10, 42, .65);
	--color-blog-hero-title-shadow: rgba(20, 8, 32, .2);
	--shadow-blog-hero: 0 24px 52px rgba(57, 27, 81, .12);
	--gradient-free-banner-overlay: linear-gradient(90deg, rgba(55, 19, 84, .98) 0%, rgba(55, 19, 84, .95) 47%, rgba(55, 19, 84, .78) 59%, rgba(55, 19, 84, 0) 82%);
	--color-overlay: rgba(0, 0, 0, .6);
	--color-overlay-soft: rgba(0, 0, 0, .2);
	--color-overlay-tooltip-arrow: rgba(0, 0, 0, .1);
	--color-overlay-strong-line: rgba(0, 0, 0, .3);
	--color-overlay-video-modal: rgb(20 12 36 / 72%);
	--color-surface-inverse: #000;
	--color-surface-video-modal: #170d2a;
	--shadow-video-modal: 0 1.5rem 4rem rgb(21 11 44 / 38%);
	--color-surface-neutral-line: #eaeaea;
	--color-surface-lilac-soft: #f4edff;
	--color-surface-lilac-faint: rgb(248 244 255);
	--color-surface-lilac-hover: #e8dcf6;
	--color-surface-translucent-15: rgb(255, 255, 255, .15);
	--color-surface-translucent-20: rgba(255, 255, 255, .2);
	--color-surface-translucent-30: rgb(255, 255, 255, .3);
	--color-surface-translucent-60: rgba(255, 255, 255, .6);
	--color-surface-translucent-70: rgba(255, 255, 255, .7);
	--color-surface-translucent-92: rgba(255, 255, 255, .92);
	--color-surface-rgb: 255, 255, 255;
	--color-surface-transparent: rgba(var(--color-surface-rgb), 0);
	--color-css-transparent: transparent;
	--color-text-badge-strong: var(--color-brand-deep);
	--color-surface-badge-soft: rgb(244 237 255);
	--button-dark-bg: var(--color-action-bright);
	--service-favorite-soft: #fac1c1;
	--service-limit-text: var(--color-action-bright);
	--card-price-bg: rgb(246 240 255);
	--card-price-text: var(--color-logo-purple-500);
	--section-calculator-guide-accent: #823cc7;
	--section-glow-start: var(--color-action-bright);
	--section-glow-end: rgba(var(--color-brand-bright-rgb), .15);
	--section-contact-bg: var(--color-brand-strong);
	--section-slider-control-bg: var(--color-brand-strong);
	--section-slider-control-border: var(--color-logo-purple-500);
	--section-orbit-dot-bg: var(--color-action-bright);
	--section-blob-bg: var(--color-action-bright);
	--section-factor-label-text: var(--color-logo-lilac-100);
	--section-meet-label-bg: var(--color-logo-lilac-100);
	--section-timer-track-stroke: rgba(var(--color-brand-deep-rgb), .15);
	--section-calculator-hover-bg: rgba(var(--color-brand-bright-rgb), .15);
	--section-story-slider-glow: rgba(var(--color-brand-bright-rgb), .25);
	--section-sf-gradient-start: rgba(216, 194, 255, 1);
	--section-sf-artwork-fade: linear-gradient(180deg, var(--color-surface-transparent) 68%, var(--color-page) 100%);
	--section-select-active-gradient-start: rgba(var(--color-brand-rgb), .15);
	--section-select-active-gradient-end: rgba(157, 86, 214, .15);
	--section-pr-item-bg: var(--color-brand);
	--section-pr-item-border: var(--color-logo-lilac-300);
	--section-pr-item-gradient-start: rgba(var(--color-brand-rgb), 1);
	--section-pr-item-gradient-end: rgba(157, 86, 214, 1);
	--section-play-bg: rgba(var(--color-brand-bright-rgb), .5);
	--section-play-bg-hover: rgba(var(--color-brand-bright-rgb), 1);
	--footer-ink-bg: var(--color-brand-deep);
	--footer-social-hover-border: var(--color-brand-strong);
	--button-best-icon-bg: rgba(var(--color-brand-rgb), .2);
	--color-text-inverse-muted: rgba(255, 255, 255, .5);
	--form-control-placeholder-text: #cecece;
	--form-select-inverse-text: rgba(255, 255, 255, .842);
	--form-select-placeholder-text: var(--color-text-inverse-muted);
	--color-overlay-backdrop: rgba(0, 0, 0, .5);
	--tabs-scrollbar-thumb-bg: #bbb;
	--tabs-hover-bg: rgb(0, 0, 0, .03);
	--color-text-review-score-muted: #898989;
	--color-text-faq-menu-link: #aaa;
	--color-text-head-review-star: #faca15;
	--color-text-product-inverse-muted: rgba(255, 255, 255, .8);
	--service-package-check-bg: #f62f4f;
	--card-premium-badge-bg: #fef3c7;
	--review-score-button-hover-bg: #ff6d56;
	--color-highlight-mark-bg: #fff907;
	--button-inverse-hover-bg: #ffffff90;
	--section-subscription-input-bg: rgb(0, 0, 0, .35);
	--service-package-old-price-text: #464646;
	--review-head-count-text: #4a5264;
	--section-factor-item-bg: var(--color-border-inverse-subtle);
	--shadow-calculator-control-color: rgba(0, 0, 0, .15);
	--shadow-message-card-color: rgba(10, 39, 83, .03);
	--section-team-image-overlay-start: rgba(249, 80, 0, 0);
	--section-team-image-overlay-end: rgba(14, 14, 14, 0.89);
	--section-story-slider-gradient-edge: rgba(47, 16, 0, 1);
	--color-text-circle: #111;
	--section-team-hover-overlay: rgba(0, 0, 0, 0.50);
	--color-overlay-popup-strong: rgba(0, 0, 0, 0.8);
	--section-video-play-bg: rgba(0, 0, 0, .05);
	--section-sf-gradient-end: var(--color-page);
	--color-text-box-heading: #3c3c3c;
	--color-text-form-label-strong: #0c0c0c;
	--section-story-slider-step-text: #dbcbb2;
	--color-text-top-feature-icon: #858585;
	--color-text-review-user-sign: #6c91e6;
	--color-border-cost-factor-header: #d7def4;
	--color-border-package-top: #414141;
	--color-text-package-top-muted: #b8b8b8;
	--color-text-package-save: #dc3545;
	--color-text-api-copy: #656565;
	--color-border-calculator-knob: #dededf;
	--color-text-why-button: #aa3dab;
	--color-text-premium-badge: #92400e;
	--color-text-standard-badge: #1e40af;
	--shadow-logo-tooltip-layer-1: #00000003;
	--shadow-logo-tooltip-layer-2: #0000000a;
	--shadow-logo-tooltip-layer-3: #00000012;
	--shadow-logo-tooltip-layer-4: #00000014;
	--section-story-text-dark-bg: #1d1d21;
	--section-calculator-selector-hover-bg: #3f3f3f;
	--card-region-count-badge-bg: #c3cff2;
	--card-standard-badge-bg: #dbeafe;
	--form-autofill-inset-bg: #f7fafc;
	--shadow-card-3: rgb(10 39 83 / 7%);
	--search-surface-dark: rgb(238, 242, 255);
	--shadow-team-overlay: rgba(0, 0, 0, 0.30);
	--section-story-slider-gradient-center: rgba(179, 121, 88, 1);
	--header-fixed-shell-bg: var(--color-surface-translucent-92);
	--shadow-now-button-glow: rgba(255, 255, 255, 0.5);
	--shadow-infinite-band: rgba(255, 255, 255, .3);
	--color-glow-pulse-red-end: rgba(255, 82, 82, 0);
	--color-glow-pulse-red-start: rgba(255, 82, 82, .7);
	--color-text-form-strong: #0c2447;
	--color-text-ticket-muted: #71738d;
	--service-package-hint-text: #9a9a9a;
	--color-text-ticket-date: #BCC2CF;
	--section-bottom-item-border: rgb(0 0 0 / 10%);
	/* Shared Chinese-first typography contract.
	 * One neutral UI family, then semantic scales instead of page-local font recipes. */
	--font-family-ui: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", "Noto Sans SC", Arial, sans-serif;
	--font-display: var(--font-family-ui);
	--font-body: var(--font-family-ui);
	--font-weight-regular: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;
	--font-weight-display: 760;
	--type-size-caption: 11px;
	--type-size-meta: 12px;
	--type-size-ui: 14px;
	--type-size-body: 15px;
	--type-size-control: 16px;
	--type-size-card-title: clamp(18px, 1.15vw, 22px);
	--type-size-section-title: 28px;
	--type-size-section-title-mobile: 24px;
	--type-size-heading-2: 36px;
	--type-size-heading-2-mobile: 28px;
	--type-size-display: 56px;
	--type-size-display-mobile: 32px;
	--type-size-campaign-title: 38px;
	--type-size-campaign-section: 42px;
	--type-size-tool-title: clamp(28px, 2.5vw, 36px);
	--type-size-article-title: clamp(29px, 3.3vw, 54px);
	--type-size-article-body: clamp(16px, 1.2vw, 18px);
	--type-size-article-section: clamp(24px, 2.3vw, 34px);
	--type-size-article-subhead: clamp(19px, 1.55vw, 23px);
	--type-size-article-minor-heading: clamp(17px, 1.35vw, 20px);
	--type-size-article-lead: clamp(18px, 1.45vw, 21px);
	--type-size-article-table: clamp(14px, .95vw, 15px);
	--type-size-article-action: clamp(20px, 1.7vw, 25px);
	--type-leading-ui: 1.6;
	--type-leading-control: 24px;
	--type-leading-tight: 1.08;
	--type-leading-title: 1.2;
	--type-leading-section: 1.285;
	--type-leading-reading: 1.85;
	--type-leading-lead: 1.75;
	--type-leading-meta: 1.5;
	--type-leading-article-section: 1.32;
	--type-leading-article-subhead: 1.45;
	--type-leading-article-callout: 1.78;
	--type-tracking-body: 0;
	--type-tracking-label: .01em;
	--type-tracking-heading: -.012em;
	--type-tracking-display: -.018em;
	--type-tracking-article-title: -.022em;
	--type-tracking-article-heading: var(--type-tracking-heading);
	--type-tracking-article-body: var(--type-tracking-body);
	--letter-spacing-body: var(--type-tracking-body);
	--color-brand-rgb: 124, 51, 168;
	--color-brand-strong-rgb: 88, 34, 126;
	--color-brand-bright-rgb: 184, 121, 241;
	--color-brand-deep-rgb: 55, 19, 84;
	--color-brand-ink-rgb: 27, 10, 42;
	--color-brand-soft: rgba(var(--color-brand-rgb), .13);
	--color-brand-soft-strong: rgba(var(--color-brand-strong-rgb), .2);
	--color-brand-glow-rgb: 184, 121, 241;
	--color-accent-warm: var(--color-warm);
	--color-decor-blue-social: #24A1DE;
	--color-decor-blue-vivid: #0d93e5;
	--color-decor-blue-soft: #808af3;
	--color-decor-purple-soft: #f6efff;
	--color-decor-purple-mid: #9569f9;
	--color-decor-magenta: #bf00cb;
	--color-decor-coral-orange-rgb: 255, 85, 0;
	--color-decor-gold-bright: #ffd02c;
	--color-decor-orange-red: #FF492C;
	--color-decor-danger-soft: #f96767;
	--color-decor-danger: #ff4c4c;
	--color-decor-danger-deep: #cb0029;
	--color-decor-rose: #f25b65;
	--color-decor-black-soft: #101010;
	--color-decor-black-deep: #0B0B0F;
	--color-brand-deep-flat: rgb(var(--color-brand-deep-rgb));
	--color-success-bg: var(--color-success-soft);
	--color-rating: #facc15;
	--color-verified-badge: var(--platform-instagram-blue);
	--color-rating-muted: #DFDFE2;
	--color-energy-vivid: #7F52FF;
	--color-icon-inverse: var(--color-text-inverse);
	--color-danger: #EE5B5B;
	--color-danger-soft: #ee5b5b41;
	--color-danger-bg: var(--color-danger-soft);
	--color-chart-trend: #83b8f0;
	--color-chart-track: var(--color-surface-green-line);
	--color-bootstrap-surface: #f8f9fa;
	--color-bootstrap-text: #212529;
	--color-bootstrap-muted: #868e96;
	--color-tool-ink: #333;
	--color-tool-ink-strong: #111827;
	--color-tool-ink-muted: #374151;
	--color-tool-muted: #999;
	--color-tool-muted-strong: #555;
	--color-tool-border-light: #ececec;
	--color-tool-border-pale: #eee;
	--color-tool-border-muted: #ccc;
	--color-tool-border-subtle: #f1f1f1;
	--color-tool-border-cool: #e5e7eb;
	--color-tool-neutral-line: #d9d9d9;
	--color-tool-gradient-warm: #F0AF58;
	--color-tool-gradient-coral: #EA5140;
	--color-tool-gradient-purple: #9563BA;
	--color-tool-gradient-warm-alt: #F0AD57;
	--color-tool-gradient-coral-alt: #E85244;
	--color-tool-gradient-purple-alt: #9360B2;
	--color-tool-danger: #dc2626;
	--color-tool-danger-muted: #d64b4a;
	--color-tool-danger-soft: #ee7d76;
	--color-tool-youtube-red: #cf2b28;
	--color-tool-youtube-red-alt: #cf2a28;
	--color-tool-youtube-red-deep: #cc1e1d;
	--color-tool-youtube-pink: #f14074;
	--color-tool-soundcloud-surface: #fff7ed;
	--color-tool-soundcloud-ink: #7c2d12;
	--color-tool-mint-panel: #B2EEDF;
	--color-tool-brand-ink: #206544;
	--color-tool-surface-subtle: #F3F3F3;
	--color-tool-surface-cool: #f9f9fc;
	--color-tool-tiktok-purple-soft: #E3CCFF;
	--color-tool-twitch-lavender: #a28ccc;
	--color-tool-twitch-lavender-deep: #917ac0;
	--color-tool-twitch-surface: #efecf7;
	--color-tool-dark-panel: #272727;
	--color-tool-slate: #57646c;
	--color-twitter-counter-surface: #cfebfc;
	--color-twitter-counter-surface-soft: #e7f5fe;
	--color-twitter-counter-blue-deep: #0078a6;
	--color-twitter-counter-red: #d52d2b;
	--color-twitter-counter-green: #1e7b1e;
	--color-twitter-counter-ink: #434343;
	--color-twitter-counter-navy: #063e60;
	--color-twitter-counter-success: #5cb85c;
	--color-twitter-counter-danger: #d9534f;
	/* Phase 3A exact aliases for legacy CSS raw colors. */
	/* Values are exact source-color bridges; rename semantically only during module cleanup. */
	/* End Phase 3A exact aliases. */
	--color-glow-rgb: var(--color-brand-glow-rgb);
	--shadow-cool-elevated: 0px 34px 35px rgba(160, 171, 191, 0.21);
	--shadow-overlay-strong: 0 5px 15px 0 var(--color-overlay);
	--shadow-bottom-navigation-glow: 1px 1px 22px 10px rgb(216 194 255);
	--shadow-language-menu: 0 18px 38px rgba(38, 19, 75, .13);
	--shadow-service-menu: 0 18px 48px rgba(69, 35, 105, .17);
	--shadow-service-submenu: 0 16px 40px rgba(69, 35, 105, .14);
	--color-glow-pulse-start: rgba(var(--color-brand-bright-rgb), .7);
	--color-glow-pulse-end: rgba(var(--color-brand-bright-rgb), 0);
	--platform-facebook: #0866ff;
	--platform-facebook-alt: #1877f2;
	--platform-facebook-tint: #93a1ff;
	--platform-facebook-light: #5d9bff;
	--platform-facebook-mid: #0061ff;
	--platform-facebook-deep: #0052d6;
	--platform-facebook-ink: #0d4fba;
	--platform-instagram: #c13584;
	--platform-instagram-blue: #0095f6;
	--platform-instagram-yellow: #fdf497;
	--platform-instagram-orange: #fd5949;
	--platform-instagram-orange-rgb: 253, 89, 73;
	--platform-instagram-pink: #d6249f;
	--platform-instagram-pink-rgb: 214, 36, 159;
	--platform-instagram-indigo: #285AEB;
	--platform-instagram-classic-start: #833ab4;
	--platform-instagram-classic-end: #fcb045;
	--platform-instagram-action-purple: var(--color-decor-magenta);
	--platform-instagram-action-orange-rgb: var(--color-decor-coral-orange-rgb);
	--platform-tiktok-red: #fe2c55;
	--platform-tiktok-red-deep: #f72e4d;
	--platform-tiktok-cyan: #09f3f3;
	--platform-tiktok-cyan-radial: #25f4ee;
	--platform-tiktok-black: #000000;
	--platform-tiktok-action: #171717;
	--platform-youtube: #ff0033;
	--platform-youtube-red: #ff0000;
	--platform-pinterest: #e60023;
	--platform-pinterest-rgb: 230, 0, 35;
	--platform-pinterest-tint: #ff6b7f;
	--platform-pinterest-light: #f1425a;
	--platform-pinterest-mid: #d50020;
	--platform-pinterest-deep: #a80018;
	--platform-pinterest-ink: #8f0014;
	/* X brand: black on light surfaces, white only on dark surfaces. */
	--platform-x: #000000;
	--platform-x-rgb: 0, 0, 0;
	/* Legacy selector alias retained for captured Twitter page shells. */
	--platform-twitter: var(--platform-x);
	--platform-spotify: #1db954;
	--platform-telegram: #229ed9;
	--platform-twitch: #9146ff;
	--platform-twitch-legacy: #6441a5;
	--platform-linkedin: #0a66c2;
	--platform-discord: #5865f2;
	--platform-discord-legacy: #7289DA;
	--platform-soundcloud: #ff5500;
	--platform-soundcloud-tint: #ff9662;
	--platform-snapchat: #fffc00;
	--platform-snapchat-gold: #ffcc00;
	--platform-kick: #00e701;
	--platform-kick-bright: #2aff2b;
	--platform-kick-lime: #53fc18;
	--platform-quora: #b92b27;
	--platform-threads: #111111;
	--platform-vimeo-bright: #19B7EA;
	--platform-onlyfans: #00aff0;
	--platform-facebook-menu: #12a1f4;
	--platform-twitter-menu: var(--platform-x);
	--platform-linkedin-menu: #0475b4;
	--platform-telegram-menu: #1b95cf;
	--platform-discord-menu: #5865f6;
	--platform-twitch-menu: #6842ac;
	--platform-youtube-menu: #e60606;
	--platform-soundcloud-menu: #ef7509;
	--platform-reddit-menu: #f44707;
	--platform-snapchat-menu: #f9f606;
	--platform-youtube-rgb: 255, 0, 51;
	--platform-twitter-rgb: var(--platform-x-rgb);
	--platform-discord-rgb: 88, 101, 242;
	--platform-soundcloud-rgb: var(--color-decor-coral-orange-rgb);
	--platform-snapchat-rgb: 255, 252, 0;
	--platform-kick-rgb: 0, 231, 1;
	--platform-tiktok-card-bg: var(--platform-tiktok-red);
	--platform-tiktok-radial-hot: var(--platform-tiktok-red);
	--platform-tiktok-radial-cyan: var(--platform-tiktok-cyan-radial);
	--platform-youtube-tag-bg: rgba(var(--platform-youtube-rgb), .15);
	--platform-youtube-title-bg: rgba(var(--platform-youtube-rgb), .7);
	--platform-x-tag-bg: rgba(var(--platform-x-rgb), .15);
	--platform-twitter-tag-bg: var(--platform-x-tag-bg);
	--platform-soundcloud-tag-bg: rgba(var(--platform-soundcloud-rgb), .15);
	--platform-snapchat-tag-bg: rgba(var(--platform-snapchat-rgb), .15);
	--platform-snapchat-tag-text: #a09e00;
	--platform-twitch-tag-bg: rgb(137, 86, 251, .15);
	--platform-instagram-list-bg: rgba(var(--color-surface-rgb), .7);
	--platform-tiktok-red-glow: #f72e4dfc;
	--platform-google-blue: #4285f4;
	--platform-google-green: #34a853;
	--platform-google-yellow: #fbbc05;
	--platform-google-red: #ea4335;
	--gradient-platform-instagram-radial: radial-gradient(circle at 30% 107%, var(--platform-instagram-yellow) 0%, var(--platform-instagram-yellow) 5%, var(--platform-instagram-orange) 45%, var(--platform-instagram-pink) 60%, var(--platform-instagram-indigo) 90%);
	--gradient-platform-instagram-text: linear-gradient(180deg, var(--platform-instagram-classic-start) 0%, var(--platform-instagram-pink) 40%, var(--platform-instagram-orange) 74%, var(--platform-instagram-classic-end) 100%);
	--gradient-platform-instagram-action: radial-gradient(68.89% 784.69% at 91.3% 54.37%, rgba(var(--platform-instagram-action-orange-rgb), .65) 0%, var(--platform-instagram-action-purple) 100%);
	--gradient-platform-tiktok-action: var(--platform-tiktok-action);
	--gradient-platform-tiktok-radial: radial-gradient(circle at 20% 20%, var(--platform-tiktok-red) 0%, transparent 60%), radial-gradient(circle at 100% 100%, var(--platform-tiktok-cyan-radial) 0%, transparent 60%), var(--platform-tiktok-black);
	--gradient-platform-facebook-radial: radial-gradient(circle at 30% 107%, var(--platform-facebook) 0%, var(--platform-facebook-tint) 5%, var(--platform-facebook) 45%, var(--platform-facebook) 60%, var(--platform-facebook) 90%);
	--gradient-platform-facebook-blue-radial: radial-gradient(circle at 30% 107%, var(--platform-facebook-light) 0%, var(--platform-facebook-mid) 5%, var(--platform-facebook-deep) 45%, var(--platform-facebook) 60%, var(--platform-instagram-indigo) 90%);
	--gradient-platform-facebook-deep-radial: radial-gradient(68.89% 784.69% at 91.3% 54.37%, var(--platform-facebook-ink) 0, var(--platform-facebook) 100%);
	--gradient-platform-kick-radial: radial-gradient(circle at 30% 107%, var(--platform-kick) 0%, var(--platform-kick) 5%, var(--platform-kick) 45%, var(--platform-kick) 60%, var(--platform-kick) 90%);
	--gradient-platform-snapchat-163: linear-gradient(163deg, var(--platform-snapchat-gold) 0%, var(--platform-snapchat) 100%);
	--gradient-platform-snapchat-radial: radial-gradient(circle at 30% 107%, var(--platform-snapchat-gold) 0%, var(--platform-snapchat-gold) 5%, var(--platform-snapchat-gold) 45%, var(--platform-snapchat) 60%, var(--platform-snapchat) 90%);
	--gradient-platform-soundcloud-163: linear-gradient(163deg, var(--platform-soundcloud-tint) 0%, var(--platform-soundcloud) 100%);
	--gradient-platform-soundcloud-radial: radial-gradient(circle at 30% 107%, var(--platform-soundcloud-tint) 0%, var(--platform-soundcloud-tint) 5%, var(--platform-soundcloud-tint) 45%, var(--platform-soundcloud) 60%, var(--platform-soundcloud) 90%);
	--gradient-surface-fade-top: linear-gradient(to top, rgba(var(--color-surface-rgb), 1) 0%, var(--color-surface-transparent) 100%);
	--gradient-surface-fade-bottom: linear-gradient(to bottom, rgba(var(--color-surface-rgb), 1) 0%, var(--color-surface-transparent) 100%);
	--gradient-warm-180: var(--gradient-warm-muted-180);
	--gradient-warm-360: var(--gradient-warm-muted-360);
}

html {
	/* Phase 4: LikeSoon logo-sampled premium purple SaaS theme. */
	--brand-purple-950: #1b0a2a;
	--brand-purple-900: #2c0f46;
	--brand-purple-800: #371354;
	--brand-purple-700: #58227e;
	--brand-purple-600: #7c33a8;
	--brand-purple-500: #9d56d6;
	--brand-purple-400: #b879f1;
	--brand-pink-500: #ff8ad4;
	--brand-lavender-300: #d8c2ff;
	--brand-lavender-surface-100: #f4edff;
	--brand-champagne-300: #eab4a0;
	--brand-copper-500: #c38168;
	--color-logo-purple-950: var(--brand-purple-950);
	--color-logo-purple-900: var(--brand-purple-900);
	--color-logo-purple-800: var(--brand-purple-800);
	--color-logo-purple-700: var(--brand-purple-700);
	--color-logo-purple-600: var(--brand-purple-600);
	--color-logo-purple-500: var(--brand-purple-500);
	--color-logo-purple-400: var(--brand-purple-400);
	--color-logo-lilac-300: var(--brand-lavender-300);
	--color-logo-lilac-100: var(--brand-lavender-surface-100);
	--color-logo-champagne: var(--brand-champagne-300);
	--color-logo-copper: var(--brand-copper-500);
	--color-spectrum-pink: var(--brand-pink-500);
	--color-page: #fbfaff;
	--color-surface: #ffffff;
	--color-surface-soft: #f5f0ff;
	--color-surface-cool-alt: #f2ebff;
	--color-surface-blue-faint: #f5f2ff;
	--color-surface-cool-faint: #faf7ff;
	--color-surface-neutral-soft: #fbfaff;
	--color-surface-green-soft: #f6f0ff;
	--color-surface-green-line: #dfcff8;
	--color-surface-mint-soft: #efe7ff;
	--color-surface-mint-pale: #f7efff;
	--color-border: #d9c8f1;
	--color-border-soft: #e5dcef;
	--color-border-light: #efe8f8;
	--color-border-green-soft: #e2d2f6;
	--color-text: #1c1430;
	--color-text-strong: #12091f;
	--color-text-ink: #1a1128;
	--color-text-ink-deep: #100719;
	--color-text-ink-soft: #271d3a;
	--color-text-neutral: #2a2138;
	--color-text-muted: #756a86;
	--color-text-muted-cool: #817393;
	--color-brand: var(--color-logo-purple-600);
	--color-brand-strong: var(--color-logo-purple-700);
	--color-brand-bright: var(--color-logo-purple-400);
	--color-brand-deep: var(--color-logo-purple-800);
	--color-warm: var(--color-logo-copper);
	--color-accent-mint: var(--color-logo-lilac-300);
	--color-energy: var(--color-logo-purple-500);
	--color-energy-rgb: 157, 86, 214;
	--color-action-bright: var(--color-logo-purple-400);
	--color-action-bright-rgb: 184, 121, 241;
	--color-action-bright-soft: rgb(var(--color-action-bright-rgb), .16);
	--color-action-blue: #7c5cff;
	--color-action-blue-rgb: 124, 92, 255;
	--color-action-blue-soft: rgba(var(--color-action-blue-rgb), .2);
	--color-action-green: var(--color-logo-purple-500);
	--color-decor-forest: var(--color-logo-purple-700);
	--color-decor-forest-muted: #6b2e96;
	--color-decor-forest-deep: var(--color-logo-purple-800);
	--color-decor-forest-bright: var(--color-logo-purple-500);
	--color-decor-forest-border: #b893de;
	--color-decor-forest-shadow: #4f2470;
	--color-decor-mint-bright: #c084fc;
	--color-decor-mint-muted: #c3a3ea;
	--color-decor-mint-glow: #eadcff;
	--color-decor-lime: var(--color-logo-champagne);
	--color-selection-bg: var(--color-logo-purple-600);
	--color-success: var(--color-logo-purple-500);
	--color-success-emerald: var(--color-logo-purple-600);
	--color-success-bright: var(--color-logo-purple-400);
	--color-success-soft: rgba(184, 121, 241, .18);
	--color-rating-success: var(--color-logo-purple-600);
	--color-rating-source: #d763c8;
	--color-chart-growth: var(--color-logo-purple-500);
	--color-success-bright-rgb: var(--color-brand-bright-rgb);
	--gradient-brand-90: linear-gradient(90deg, var(--color-logo-purple-700) 0%, var(--color-logo-purple-400) 100%);
	--gradient-brand-legacy-163: linear-gradient(287deg, var(--color-logo-purple-800) 0%, var(--color-logo-purple-500) 100%);
	--gradient-brand-180: linear-gradient(270deg, var(--color-logo-purple-700) 0%, var(--color-logo-purple-400) 100%);
	--gradient-brand-275: linear-gradient(275deg, var(--color-logo-purple-800) 0%, var(--color-logo-purple-500) 62%, var(--color-spectrum-pink) 100%);
	--gradient-brand-360: linear-gradient(90deg, var(--color-logo-purple-700) 0%, var(--color-logo-purple-400) 100%);
	--gradient-brand-deep-0: linear-gradient(90deg, var(--color-logo-purple-950) 0%, var(--color-logo-purple-600) 52%, var(--color-logo-purple-900) 100%);
	--gradient-brand-bright-fade-180: linear-gradient(180deg, var(--color-logo-purple-400) 50%, transparent 100%);
	--gradient-action: linear-gradient(100deg, var(--color-logo-purple-700) 0%, var(--color-logo-purple-400) 58%, var(--color-spectrum-pink) 100%);
	--gradient-social-green-radial: radial-gradient(circle at 30% 107%, var(--color-logo-lilac-300) 0%, var(--color-logo-purple-400) 28%, var(--color-logo-purple-600) 62%, var(--color-logo-purple-800) 100%);
	--gradient-warm-muted-180: linear-gradient(270deg, var(--color-logo-copper) 0%, var(--color-logo-champagne) 100%);
	--gradient-warm-muted-360: linear-gradient(90deg, var(--color-logo-copper) 0%, var(--color-logo-champagne) 100%);
	--gradient-action-green-soft-120: linear-gradient(120deg, rgba(184, 121, 241, .18) 0%, rgba(255, 138, 212, .12) 100%);
	--gradient-success-emerald-up: linear-gradient(to top, var(--color-logo-purple-700), var(--color-logo-purple-400));
	--gradient-gold-275: linear-gradient(275deg, var(--color-logo-champagne) 0%, #f4c9b7 100%);
	--gradient-surface-cool-90: linear-gradient(90deg, rgba(var(--color-surface-rgb), 1) 0%, var(--color-logo-lilac-100) 100%);
		--platform-spotify-menu: var(--platform-spotify);
	--platform-kick-tag-bg: rgba(var(--color-brand-bright-rgb), .15);
}

body {
	font-family: var(--font-body);
	letter-spacing: var(--letter-spacing-body);
	font-weight: var(--font-weight-regular);
	font-size: var(--type-size-ui);
	line-height: var(--type-leading-ui);
	min-width: 375px;
	color: var(--color-brand);
	background-color: var(--color-page)
}

a {
	text-decoration: none !important;
	color: var(--color-text)
}

a,
[type="checkbox"] {
	cursor: pointer
}

a:hover {
	color: var(--color-brand-strong)
}

button,
input {
	background-color: var(--color-css-transparent);
	line-height: 0;
	border: 0;
	padding: 0
}

button:focus,
input:focus {
	outline: 0 !important;
	border: none !important
}

b,
strong {
	letter-spacing: var(--type-tracking-body);
	font-weight: var(--font-weight-bold);
	line-height: var(--type-leading-ui);
	transition: all 0.15s ease
}

:where(button, input, select, textarea) {
	font-family: var(--font-body);
	letter-spacing: var(--type-tracking-body);
}

.hidden {
	display: none !important
}

::-webkit-scrollbar {
	width: 7px;
	height: 7px
}

::-webkit-scrollbar-thumb {
	background: var(--color-brand-strong);
	border-radius: 5px
}

::-webkit-scrollbar-track {
	background: var(--color-css-transparent)
}

::-moz-selection {
	background: var(--color-selection-bg);
	color: var(--color-text-inverse)
}

::selection {
	background: var(--color-selection-bg);
	color: var(--color-text-inverse)
}

.primary-color {
	color: var(--color-brand) !important;
	font-weight: 700
}

.alert {
	border-radius: 15px;
	border: none !important
}

.alert.alert-success {
	color: var(--color-success) !important;
	background: var(--color-success-bg) !important
}

.alert.alert-danger {
	color: var(--color-danger) !important;
	background: var(--color-danger-bg) !important
}

.badge {
	background: var(--color-brand-strong) !important;
	color: var(--color-text-inverse) !important
}

.cursor-pointer {
	cursor: pointer !important
}

.nowrap {
	white-space: nowrap
}

.h-section {
	margin: 100px 0
}

.h-section h2,
.music-section h2 {
	font-style: normal;
	font-size: var(--type-size-section-title);
	font-weight: var(--font-weight-bold);
	line-height: var(--type-leading-section);
	letter-spacing: var(--type-tracking-heading);
	margin-bottom: 15px;
	color: var(--color-text-strong)
}

.h-section h2 span,
.music-section h2 span {
	position: relative;
	display: inline-block;
	color: var(--color-brand)
}

.h-section h2 span::after,
.music-section h2 span::after {
	content: '';
	background-image: url(../images/shared-decorative-divider-01.png);
	position: absolute;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	left: -5px;
	bottom: -18px;
	width: calc(100% + 10px);
	height: 20px
}

.c-pointer {
	cursor: pointer
}

.transition {
	transition: all 0.15s ease
}

.btn {
	--button-text: var(--color-page);
	--button-hover-text: var(--color-text-inverse);
	position: relative;
	font-weight: var(--font-weight-regular);
	font-size: var(--type-size-ui);
	line-height: var(--type-leading-control);
	border-radius: 15px;
	padding: 10px 25px;
	border: none;
	color: var(--button-text)
}

main {
	overflow-x: hidden
}

.btn:hover,
.btn:focus {
	color: var(--button-hover-text)
}

.btn-rounded {
	border-radius: 50px
}

.btn-100 {
	display: block;
	width: 100%
}

.btn-dark,
.btn-dark:hover,
.btn-dark:focus {
	--button-text: var(--color-text-inverse);
	background: var(--button-dark-bg);
	color: var(--button-text);
	font-weight: var(--font-weight-medium);
	font-size: var(--type-size-control);
	text-transform: uppercase
}

.btn-primary {
	--button-text: var(--color-text-inverse);
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-180);
	font-size: var(--type-size-control);
	color: var(--button-text);
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;

}

.btn-primary:hover,
.btn-primary:focus {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-360);
}

:where(
	.mtp-best .best-packages .best-package-card,
	.mtp-srv-content .package-item,
	.mtp-instagram .best-swiper .item-wrapper,
	.big-packages .big-packages-item
) .btn-primary > i,
.mtp-calculator .btn-primary.btn-free > i {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1
}

.btn-secondary {
	--button-text: var(--color-text-inverse);
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-warm-180);
	font-size: var(--type-size-control);
	color: var(--button-text)
}

.btn-secondary:hover,
.btn-secondary:focus {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-warm-360);
	color: var(--button-hover-text)
}

.btn-secondary a,
.btn-secondary a:hover,
.btn-secondary a:focus {
	color: var(--color-text-inverse)
}

body.stop-body {
	overflow: hidden
}

.head-out {
	position: fixed;
	top: 0;
	background-color: var(--color-css-transparent);
	width: 100%;
	z-index: 1030
}

.head-out.fixed {
	border: 1px solid var(--color-page);
	border-top: none;
	background: var(--header-fixed-shell-bg);
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px
}

.head-out.fixed :where(.hm-wrapper) .home-logo img {
	width: 70px;
	height: 70px;
	object-fit: contain;
	transition: 300ms all
}

.hm-wrapper {
	display: block;
	position: fixed;
	top: -1px;
	left: -1px;
	width: calc(100% + 2px);
	border-radius: 0;
	padding: 77px 10px;
	height: 100%;
	transition: 0.14s ease;
	transform: translateY(-101%);
	opacity: .4;
	background: var(--color-surface-soft);
	overflow: auto;
	z-index: 1
}

.hm-wrapper.active {
	transform: translateY(0);
	opacity: 1
}

.hm-wrapper .home-logo img {
	width: 70px;
	height: 70px;
	object-fit: contain;
	transition: 300ms all
}

.header-brand-lockup,
.mobile-brand-lockup {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	white-space: nowrap;
}

.header-brand-text {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	line-height: 1.08;
	text-decoration: none;
}

.header-brand-name {
	display: inline-block;
	font-size: 22px;
	font-weight: 800;
	background: var(--gradient-brand-90);
	-webkit-background-clip: text;
	background-clip: text;
	color: var(--color-css-transparent);
}

.header-brand-platform {
	display: inline-block;
	margin-top: 4px;
	font-size: 15px;
	font-weight: 700;
	color: var(--color-text-strong);
	letter-spacing: 0;
}

.sm-header {
	display: block;
	padding: 14px 0;
	transition: 0.14s ease
}

.menu-btn {
	height: 42px;
	width: 42px;
	border-radius: 10px;
	background-color: var(--color-brand-strong);
	color: var(--color-text-inverse);
	outline: none;
	border: none;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center
}

.b-menu-close {
	height: 48px;
	width: 48px;
	border-radius: 15px;
	background-color: var(--color-brand-soft);
	color: var(--color-brand);
	outline: none;
	border: none;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 2000
}

.mob-logo img {
	position: relative;
	z-index: 2;
	height: 65px;
	object-fit: contain
}

.mobile-brand-lockup .header-brand-name {
	font-size: 18px;
}

.mobile-brand-lockup .header-brand-platform {
	font-size: 13px;
}

.header-btn {
	border-radius: 25px;
	display: inline-flex;
	align-items: center;
	gap: 14px;
	padding: 10px 35px;
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-180);
	color: var(--color-text-inverse);
	text-decoration: none;
	transition: 0.14s ease
}

.header-btn:hover {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-360);
	color: var(--color-text-inverse)
}

.header-btn .text {
	font-weight: 400;
	font-size: 15px;
	line-height: 22px;
	letter-spacing: -.03em;
	position: relative;
	z-index: 1004;
	white-space: nowrap
}

.header-menu {
	display: flex;
	flex-direction: column;
	list-style: none;
	margin: 0;
	gap: 10px;
	padding: 10px 0 20px 0
}

.header-menu .hm-item {
	position: relative;
	display: flex;
	justify-content: flex-start
}

:where(.header-menu .hm-item) .hm-link {
	font-weight: var(--font-weight-bold);
	font-size: 23px;
	line-height: 1.25;
	letter-spacing: var(--type-tracking-body);
	color: var(--color-accent-warm);
	opacity: 1;
	padding: 7px 0;
	transition: 0.14s ease;
	text-decoration: none;
	display: inline-block;
	text-align: left
}

:where(.header-menu .hm-item) .hm-link:hover {
	opacity: .7
}

:where(.header-menu .hm-item) .hm-link.is-active {
	color: var(--color-brand);
	opacity: 1
}

.h-section.header-alt :where(h2 span)::after {
	display: none
}

.ms-title h3 {
	font-size: 20px;
	font-weight: 400;
	line-height: 32px;
	color: var(--color-text-strong)
}

#productSlide {
	position: relative
}

#productSlide .fa-angle-left,
#productSlide .fa-angle-right {
	position: absolute;
	background: var(--section-slider-control-bg);
	border-radius: 25px;
	width: 50px;
	height: 50px;
	border: none;
	color: var(--color-text-inverse);
	font-weight: 900;
	font-size: 32px;
	border: 1px solid var(--section-slider-control-border)
}

#productSlide .fa-angle-left {
	top: 200px;
	left: -50px
}

#productSlide .fa-angle-right {
	top: 200px;
	right: -50px
}

#productSlide .slick-track {
	display: flex;
	gap: 75px
}

.prItem {
	overflow: hidden;
	border-radius: 25px;
	background: var(--section-pr-item-bg);
	background: -moz-linear-gradient(240deg, var(--section-pr-item-gradient-start) 0%, var(--section-pr-item-gradient-end) 100%);
	background: -webkit-linear-gradient(240deg, var(--section-pr-item-gradient-start) 0%, var(--section-pr-item-gradient-end) 100%);
	border-radius: 15px;
	border: 1px solid var(--section-pr-item-border);
	width: 100%;
	position: relative
}

.prItem .prContent {
	padding: 15px 20px
}

.prItem .prContent {
	position: relative;
	z-index: 1;
	color: var(--color-text-inverse);
	flex-direction: column;
	height: 100%;
	justify-content: space-between
}

.prItem .prContent>h3 {
	background: var(--color-surface-translucent-15);
	padding: 5px 15px;
	font-size: 20px;
	border-radius: 0 5px 5px 0;
	margin-left: -20px
}

.prItem .prContent>h2.title {
	color: var(--color-text-inverse);
}

.prItem .prContent>ul {
	font-size: 24px;
	font-weight: 400;
	letter-spacing: 1px;
	color: var(--color-text-inverse);
	padding: 10px;
	list-style-type: none;
	min-height: 200px;
	margin: 20px 0 20px
}

.prItem .prContent>ul>li:not(:last-child) {
	padding-bottom: 10px
}

.prItem .prContent>ul>li {
	font-size: 14px;
	font-weight: 400
}

.prItem .prContent>ul>li>i {
	font-size: 13px;
	width: 20px;
	color: var(--color-text-inverse)
}

.prItem .prContent .prTop {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px
}

.prItem .prContent .prTop .prPrice {
	font-size: 28px
}

.prItem .prContent .prTop .prIcon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background: var(--color-surface-translucent-15);
	border-radius: 5px
}

.prItem .prContent .prTop .prIcon img {
	max-width: 25px
}

.main-faq .faq-item {
	position: relative;
	cursor: pointer;
	background: var(--color-css-transparent);
	padding: 13px 20px;
	-webkit-transition: .2s ease;
	transition: .2s ease;
	margin-bottom: 14px;
	background-color: var(--color-brand-soft);
	color: var(--color-brand-strong);
	border-radius: 5px
}

.main-faq :where(.faq-item) .fa-minus {
	display: none
}

.main-faq .faq-item.active {
	background: var(--color-brand-soft);
	color: var(--color-brand)
}

.main-faq :where(.faq-item.active) .faq-head {
	color: var(--color-brand)
}

.main-faq :where(.faq-item.active .faq-head) .right-p {
	color: var(--color-brand)
}

.main-faq :where(.faq-item.active) .fa-minus {
	display: block
}

.main-faq :where(.faq-item.active) .fa-plus {
	display: none
}

:where(.main-faq .faq-item) .faq-head,
:where(.main-faq .faq-item .faq-head) h3 {
	font-size: 16px;
	font-weight: 400;
	color: var(--color-text)
}

.dark :where(.main-faq .faq-item) .faq-head {
	color: var(--color-brand)
}

:where(.main-faq .faq-item .faq-head) .right-p {
	color: var(--color-brand);
	font-size: 14px;
	height: 30px;
	line-height: 30px
}

:where(.main-faq .faq-item) .faq-content {
	display: none;
	padding-top: 12px;
	color: var(--color-text);
	font-size: 15px;
	line-height: 170%;
	padding-bottom: 8px
}

footer {
	background: var(--color-brand);
	padding: 50px 0 25px 0;
	color: var(--color-text-inverse)
}

footer .footer-links nav {
	display: flex;
	flex-direction: column
}

footer .footer-links a strong {
	font-size: 13px;
	line-height: 1.5rem;
	color: var(--color-accent-mint);
	font-weight: 600
}

footer .footer-links a {
	font-size: 13px;
	color: var(--color-text-inverse);
	line-height: 1.5rem
}

footer .footer-links a:hover {
	color: var(--color-accent-mint)
}

footer span {
	font-size: 14px
}

.footer-links {
	display: flex;
	flex-direction: column;
	text-align: left
}

footer .mail-link {
	color: var(--color-text-inverse)
}

.contact-icon {
	margin: 10px 0;
	line-height: 24px
}

.steps-content h2 {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 25px
}

@media (min-width: 768px) {
	.steps-content h2 {
		white-space: nowrap;
	}

	.steps-content h2 br {
		display: none;
	}
}

.pages {
	padding: 150px 0
}

.form-control,
.form-control:read-only,
.form-control:disabled {
	background: var(--color-surface-elevated);
	border: none !important;
	border-radius: 10px;
	line-height: 20px;
	padding: 10px 18px;
	outline: none;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	color: var(--color-text);
	height: 45px
}

.form-control:focus,
.form-control:hover {
	background: var(--color-surface-elevated);
	border: none !important;
	box-shadow: none !important;
	color: var(--color-text) !important
}

.dark .form-control,
.dark .form-control:read-only,
.dark .form-control:disabled {
	background: var(--color-surface-elevated)
}

.dark .form-control:focus,
.dark .form-control:hover {
	background: var(--color-surface-elevated)
}

.form-control::placeholder {
	color: var(--form-control-placeholder-text)
}

.dark .form-control::placeholder {
	color: var(--color-border-neutral)
}

.form-control:disabled {
	background-color: var(--color-brand);
	opacity: .7
}

.form-select,
select.form-control {
	background: var(--color-surface-elevated);
	border-radius: 35px;
	line-height: 20px;
	padding: 14px 18px;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	color: var(--form-select-inverse-text);
	width: 100%
}

.form-select:focus,
select.form-control:focus {
	background: var(--color-surface-elevated);
	box-shadow: none !important
}

.form-select::placeholder,
select.form-control::placeholder {
	color: var(--form-select-placeholder-text)
}

.form-label,
label {
	font-weight: 600;
	font-size: 14px;
	line-height: 16px;
	color: var(--color-text);
	margin-bottom: 12px
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	box-shadow: 0 0 0 30px var(--form-autofill-inset-bg) inset !important;
	-webkit-text-fill-color: var(--color-text-form-strong) !important
}

.form-check-label {
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
	color: var(--color-text-inverse)
}

.form-check-input {
	width: 20px;
	height: 20px
}

.form-check-input:checked {
	background-color: var(--color-action-blue);
	border-color: var(--color-action-blue)
}

.d-dropdown .dropdown-toggle::after {
	display: none
}

@media only screen and (min-width:992px) {
	.head-out.fixed {
		border: 1px solid var(--color-page);
		border-top: none;
		background: var(--color-surface-translucent-60);
		-webkit-backdrop-filter: blur(15px);
		backdrop-filter: blur(15px);
		border-bottom-left-radius: 8px;
		border-bottom-right-radius: 8px
	}

	.head-out.fixed :where(.header-menu .hm-item) .hm-link {
		padding: 20px 20px
	}

	.hm-wrapper {
		display: block;
		bottom: inherit;
		background-color: var(--color-css-transparent);
		position: relative;
		border-radius: 0;
		padding: 10px 0;
		width: 100%;
		transform: none;
		overflow: inherit;
		opacity: 1 !important
	}

	main[data-page-template="free-service"] .appContent {
		padding-top: 90px;
	}

	.sm-header {
		display: none
	}

	.b-menu-close {
		display: none
	}

	.header-menu {
		display: inline-flex;
		align-items: center;
		flex-direction: row;
		padding: 10px 0 10px 0
	}

	:where(.header-menu .hm-item) .hm-link,
	.login-link {
		padding: 34px 20px;
		display: block;
		font-size: 16px
	}
}

@media only screen and (max-width:991.98px) {
	.hm-wrapper .row.row-btn {
		display: unset !important
	}

	.h-section {
		margin: 25px 0
	}

	.prItem {
		width: 100% !important
	}

	.main-faq .faq-item .faq-head {
		font-size: 16px
	}

	.faq-section {
		padding: 50px 0
	}

	footer {
		text-align: center;
		padding: 25px 0
	}

	footer .footer-links {
		margin-top: 20px
	}

	.header-btn {
		justify-content: center;
		margin-left: 5px
	}
}

@-webkit-keyframes floating {
	0% {
		box-shadow: var(--shadow-overlay-strong);
		-webkit-transform: translatey(0);
		transform: translatey(0)
	}

	50% {
		box-shadow: 0 25px 15px 0 var(--color-overlay-soft);
		-webkit-transform: translatey(-20px);
		transform: translatey(-20px)
	}

	100% {
		box-shadow: var(--shadow-overlay-strong);
		-webkit-transform: translatey(0);
		transform: translatey(0)
	}
}

@keyframes floating {
	0% {
		box-shadow: var(--shadow-overlay-strong);
		-webkit-transform: translatey(0);
		transform: translatey(0)
	}

	50% {
		box-shadow: 0 25px 15px 0 var(--color-overlay-soft);
		-webkit-transform: translatey(-20px);
		transform: translatey(-20px)
	}

	100% {
		box-shadow: var(--shadow-overlay-strong);
		-webkit-transform: translatey(0);
		transform: translatey(0)
	}
}

.floating {
	-webkit-animation-name: floating;
	animation-name: floating;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	margin-top: 5px;
	box-shadow: none !important
}

@media (max-width:992px) {
}

@media (min-width:768px) {
}

.appContent {
	padding-bottom: 40px
}

@media (min-width:992px) {
	.appContent {
		padding: 0 15px 0
	}
}

.card {
	background: var(--color-page);
	border: 1px solid var(--color-border-transparent);
	box-sizing: border-box;
	border-radius: 10px
}

.card-body {
	padding: 15px;
	border-radius: 10px !important
}

.neworder-filter {
	background-color: var(--color-brand-soft);
	padding: 10px;
	width: 100%;
	margin: auto;
	text-align: center;
	border-radius: 25px;
	margin-bottom: 25px
}

.nwo-cat-btn {
	background: none;
	border: none;
	outline: 0
}

.select2-container--default .select2-selection--single {
	border-radius: 10px;
	border: 1px solid var(--color-surface-soft);
	background: var(--color-surface-elevated);
	color: var(--color-text);
	height: 45px !important;
	transition: all 0.3s ease;
}

.dark .select2-container--default .select2-selection--single {
	background: var(--color-surface-elevated);
}

.select2-container--open .select2-selection--single {
	border-color: var(--color-action-bright) !important;
	box-shadow: 0 0 25px var(--color-action-bright-soft) !important;
	background: var(--color-surface-elevated) !important;
}

.dark .select2-container--open .select2-selection--single {
	background: var(--color-surface-elevated) !important;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
	border-bottom: none;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-dropdown {
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
	border-top: 1px solid var(--color-surface-soft) !important;
}

.select2-container--default .select2-selection--single:hover {
	border-color: var(--color-surface-soft);
}

.select2-container:not(.select2-container--open) .select2-selection--single {
	box-shadow: none !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	color: var(--color-text);
	padding: 0;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
	right: 10px;
}

.select2-container .dropdown-menu>li>a {
	font-size: 14px;
	padding: 3px 5px;
}

.select2-dropdown {
	background-color: var(--color-page) !important;
	border: 1px solid var(--color-action-bright);
	border-radius: 8px;
	box-shadow: var(--color-action-bright-soft);
	opacity: 1 !important;
}

.select2-dropdown .select2-search--dropdown {
	border-bottom: 1px solid var(--color-surface-soft);
	margin-bottom: 8px;
	padding-bottom: 8px;
}

.select2-results {
	background: var(--color-page) !important;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.select2-container--default .select2-results>.select2-results__options {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	overflow: hidden;
}

.select2-search--dropdown {
	background-color: var(--color-page) !important;
}

.select2-search--dropdown .select2-search__field {
	background-color: var(--color-page) !important;
	border: 1px solid var(--color-surface-soft);
	border-radius: 6px;
	padding: 8px;
}

.select2-results__option {
	display: flex !important;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 8px 12px;
	color: var(--color-text);
	position: relative;
	font-size: 14px;
	border-bottom: 1px solid var(--color-surface-soft);
	transition: background-color 0.2s ease;
}

.select2-results__option--highlighted:not(.is-selected) {
	background: var(--color-action-bright-soft);
	color: var(--color-action-bright) !important;
}

.select2-results__option.is-selected,
.select2-results__option--highlighted.is-selected {
	background: linear-gradient(135deg, var(--section-select-active-gradient-start) 0%, var(--section-select-active-gradient-end) 100%) !important;
	color: var(--color-action-bright) !important;
	font-weight: 700;
}

.select2-results__option.is-selected::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 3px;
	background: var(--color-action-bright);
}

.select2-results__option[aria-disabled="true"],
.select2-results__option.select2-results__option--disabled,
.select2-container--default .select2-results__option[aria-disabled="true"],
.select2-results__option[aria-disabled="true"][aria-selected="false"],
.select2-results__option:not([aria-selected="true"])[aria-disabled="true"],
.select2-results__option[data-select2-hidden="true"],
.select2-results__option.select2-results__option--hidden {
	display: none !important;
}

select option[hidden],
select option:disabled[hidden],
select option[disabled][hidden],
select option[data-hidden="true"],
option.hidden-category {
	display: none !important;
}

.search-dropdown .input-wrapper .input-wrapper__prepend,
.search-dropdown .input-wrapper .input-wrapper__append {
	z-index: 1;
	position: relative;
}

@media (max-width: 1000px) {
	.select2-results__option {
		padding: 10px 12px !important;
		line-height: 1.4 !important;
		position: relative !important;
	}

	.select2-results__option--highlighted {
		background-color: var(--color-action-bright-soft) !important;
	}

	.select2-results__option {
		white-space: normal !important;
		word-wrap: break-word !important;
	}
}

@media (min-width: 1000px) {
}

@media (min-width:992px) {
}

@media (min-width:992px) {
}

.category-card {
	margin-bottom: 10px
}

.services-wrapper {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	border: 1px solid var(--color-brand-soft);
	box-sizing: border-box;
	font-size: 13px;
	border-left: none;
	border-right: none
}

@media (min-width:992px) {
	.services-wrapper {
		flex-direction: column
	}
}

@media (min-width:768px) {
}

@media (min-width:992px) {
}

.service-item {
	padding: 20px 30px 10px 30px;
	border-bottom: 1px solid var(--color-brand-soft);
	box-sizing: border-box;
	font-size: 13px
}

.services-wrapper .service-item {
	padding: 10px 30px
}

@media (max-width:992px) {
	.service-item {
		padding: 15px 10px
	}
}

.service-item:last-child {
	border: none
}

@media (max-width:992px) {
}

@media (min-width:992px) {
}

.service-item .min {
	color: var(--color-decor-danger-soft)
}

.service-item .max {
	color: var(--service-limit-text)
}

.service-item .btn-favorite {
	--button-text: var(--color-decor-danger);
	--button-hover-text: var(--color-decor-danger);
	background: var(--service-favorite-soft);
	border: 1px solid var(--service-favorite-soft);
	color: var(--button-text);
	width: 32px;
	height: 32px;
	line-height: 32px;
	padding: 0;
}

.service-item .btn-favorite.active {
	--button-text: var(--color-text-inverse);
	background: var(--color-decor-danger);
	border: 1px solid var(--color-decor-danger);
	color: var(--button-text)
}


@media (min-width:992px) {
}

.si-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 15px;
	background: var(--color-surface-elevated);
	border-radius: 10px;
	cursor: pointer
}

#outside .si-header {
	background: var(--color-surface-cool-alt)
}

.si-header.active {
	background: var(--color-action-bright);
}

#outside .si-header.active {
	background: var(--color-action-bright)
}


.si-header .si-title {
	font-weight: 600;
	font-size: 16px;
	line-height: 23px;
	color: var(--color-text);
	margin-bottom: 0
}

.si-header.active .si-title {
	color: var(--color-text-inverse);
}

.modal-box {
	margin: auto 0;
	max-width: 560px;
	width: 100%;
	border-radius: 25px;
	background: var(--color-surface-soft);
	border: 2px solid var(--color-page);
	text-align: left;
	position: relative;
	overflow: hidden
}

@media (max-width:991.98px) {
	.modal-box {
		max-width: 100%;
		height: 65%
	}

	.btn-new.active i,
	.btn-fav.active i {
		margin-right: 0
	}
}

.m-close:focus {
	box-shadow: 0 0 0 .25rem var(--color-action-blue-soft)
}

@media (min-width:992px) {
}

@media (min-width:992px) {
}

@media (min-width:1200px) {
}

@media (min-width:1400px) {
}

.pagination .page-item.active .page-link {
	background-color: var(--color-brand-strong);
	color: var(--color-text-inverse) !important
}

.pagination .page-item.active .page-link::before {
	content: "";
	bottom: 0;
	height: 3px;
	width: 14px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--color-accent-mint)
}

.pagination .page-item:first-child {
	border-right: 1px solid var(--color-brand)
}

.pagination .page-item:first-child .page-link {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	font-weight: 400
}

.pagination .page-item:last-child {
	border-left: 1px solid var(--color-brand)
}

.pagination .page-item:last-child .page-link {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	font-weight: 400
}

.pagination .page-item .page-link {
	background: var(--color-brand-soft);
	border: none;
	margin: 0;
	height: 50px;
	padding: 0;
	min-width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 500;
	font-size: 15px;
	line-height: 18px;
	color: var(--color-text) !important;
	position: relative;
}

.pagination .page-item .page-link:focus {
	z-index: 2
}

.btn-group .dropdown-menu {
	margin-left: calc(100% - 10rem);
	margin-top: 10px;
	border-radius: 15px
}

.search {
	background: var(--color-page);
	height: 55px;
	border-radius: 25px;
	line-height: 55px;
	padding-left: 30px
}

.dark .search {
	background: var(--search-surface-dark);
	background: var(--gradient-surface-cool-90)
}

.search i {
	color: var(--color-text)
}

#s_name {
	color: var(--color-text-neutral);
	line-height: 24px
}

.dark #s_name {
	color: var(--color-text-inverse)
}

.bs-toast {
	background: var(--color-brand-soft);
	border: 1px solid var(--color-brand) !important;
	color: var(--color-brand);
	padding: 10px 24px;
	border-radius: 15px;
	position: fixed;
	bottom: 30px;
	right: 40px;
	width: 100%;
	width: max-content;
	max-width: 350px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: none;
	z-index: 3000;
	text-align: center
}

.bs-toast .toast-text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 14px;
	font-weight: 500
}

.tickets {
	cursor: pointer;
	margin-bottom: 10px;
	position: relative;
	background: var(--color-surface-elevated);
	border: 1px solid var(--color-border-transparent);
	border-radius: 10px;
	padding: 10px 15px
}

.tickets.new {
	border: 1px solid var(--color-action-bright)
}

.tickets:hover {
	background: var(--color-brand-soft);
	transition: 500ms all
}

.tickets h6 {
	margin-bottom: 10px;
	font-size: 14px;
	color: var(--color-text-strong)
}

.tickets span {
	color: var(--color-text-ticket-muted);
	font-size: 12px
}

.tickets .date {
	position: absolute;
	top: 15px;
	right: 10px;
	font-size: 12px;
	color: var(--color-text-ticket-date)
}

.ticket-fields {
	padding-top: 20px
}

.ticket .form-group {
	margin-bottom: 20px
}

.card-3 {
	border: 1px solid var(--color-surface-soft);
	box-sizing: border-box;
	box-shadow: 0 25px 50px var(--shadow-card-3);
	border-radius: 15px;
	position: relative;
	z-index: 25;
	padding: 10px 0;
	overflow: hidden
}

.card-3.card-shadow {
	background: var(--color-surface-soft);
	position: relative;
	border-radius: 25px;
	width: 100%
}

.card-3.card-shadow::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: linear-gradient(35deg, var(--color-surface-soft) 50%, var(--color-brand-soft) 100%);
	z-index: -1;
	border-radius: 25px
}

.card-3 .gi-title {
	font-size: 24px;
	font-weight: 600;
	color: var(--color-text)
}

.dark .card-3 .gi-title {
	color: var(--color-text-strong)
}

.card-3 p {
	font-size: 14px
}

@media (min-width:991.98px) {
	.card-3 p {
		width: 600px
	}
}

.card-3 .card-icon {
	width: 44px;
	height: 44px;
	font-size: 24px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center
}

.card-3 .card-icon.gi-1 {
	background-color: var(--color-brand-soft);
	color: var(--color-brand-strong)
}

@media (min-width:1440.98px) {
	.card-3 .card-icon {
		width: 82px;
		height: 82px;
		font-size: 40px
	}
}

@media (max-width:991.98px) {
}

.gi-title {
	font-size: 24px;
	font-weight: 600;
	color: var(--color-text-strong)
}

.gi-text {
	color: var(--color-text-strong)
}

.dark .gi-text {
	color: var(--color-brand)
}

.gi-text a {
	color: var(--color-brand-strong)
}

.hw-img img {
	border-radius: 15px;
	border: 3px solid var(--color-brand-soft)
}

.more-text {
	display: none
}

.card-img {
	position: absolute;
	right: 0;
	top: -65px;
	width: auto;
	opacity: .15
}

@media (max-width:991.98px) {
	.card-img {
		display: none
	}
}

.blog-wrapper {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 28px;
	margin-top: 42px;
}

.blog-wrapper .blog-item {
	min-width: 0;
	overflow: hidden;
	border: 1px solid var(--color-surface-soft);
	border-radius: 20px;
	background: var(--color-surface);
	box-shadow: 0 14px 32px color-mix(in srgb, var(--color-text) 6%, transparent);
	cursor: pointer;
	transition: border-color 220ms ease, box-shadow 220ms ease;
}

.blog-wrapper .blog-card-link {
	display: block;
	color: inherit;
	text-decoration: none;
}


.blog-wrapper .blog-img-wrapper {
	position: relative;
	display: flex;
	min-height: clamp(238px, 20vw, 258px);
	overflow: hidden;
	border-radius: 19px 19px 0 0;
	background: var(--color-surface-soft);
	isolation: isolate;
}

.blog-wrapper .blog-img-wrapper img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	border-radius: inherit;
	transition: transform 260ms ease;
}

.blog-wrapper .blog-card-scrim {
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: linear-gradient(180deg, color-mix(in srgb, var(--color-blog-card-deep) 92%, var(--color-css-transparent)) 0%, color-mix(in srgb, var(--color-blog-card-deep) 82%, var(--color-css-transparent)) 42%, color-mix(in srgb, var(--color-blog-card-deep) 58%, var(--color-css-transparent)) 72%, color-mix(in srgb, var(--color-blog-card-deep) 14%, var(--color-css-transparent)) 100%);
	opacity: .96;
	transition: opacity 220ms ease;
}

.blog-wrapper .blog-title {
	position: relative;
	z-index: 2;
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	justify-content: flex-start;
	min-width: 0;
	min-height: clamp(238px, 20vw, 258px);
	margin: 0;
	padding: 18px 20px 24px;
	box-shadow: inset 3px 0 0 var(--blog-card-accent, var(--color-brand));
}

.blog-wrapper .blog-card-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-bottom: 14px;
	color: var(--color-text-inverse-86);
	font-size: var(--type-size-caption);
	font-weight: var(--font-weight-bold);
	line-height: var(--type-leading-title);
	letter-spacing: var(--type-tracking-label);
}

.blog-wrapper .blog-card-meta span,
.blog-wrapper .blog-card-meta small {
	min-width: 0;
	padding: 5px 8px;
	border: 1px solid var(--color-border-inverse-42);
	border-radius: 999px;
	background: var(--color-blog-card-meta-surface);
	color: inherit;
	font: inherit;
	white-space: nowrap;
}

.blog-wrapper .blog-card-meta small {
	margin: 0;
	border-color: var(--color-css-transparent);
	background: var(--color-css-transparent);
	padding-right: 0;
	color: var(--color-text-inverse-78);
}

.blog-wrapper .blog-title h2 {
	margin: 0;
	color: var(--color-text-inverse);
	font-family: var(--font-display);
	font-size: var(--type-size-card-title);
	font-weight: 650;
	line-height: 1.3;
	letter-spacing: var(--type-tracking-heading);
	display: block;
	overflow: visible;
	text-overflow: clip;
	line-break: strict;
	text-wrap: pretty;
	word-break: normal;
	-webkit-line-clamp: unset;
	-webkit-box-orient: initial;
}

.blog-wrapper .blog-item:is(:hover, :focus-within) .blog-img-wrapper img {
	transform: scale(1.015);
}

.blog-wrapper .blog-item:is(:hover, :focus-within) .blog-card-scrim {
	opacity: 1;
}

.blog-wrapper .blog-item:hover h2 {
	color: var(--color-text-inverse);
}

.blog-wrapper .blog-card-link:focus-visible .blog-img-wrapper {
	outline: 3px solid var(--blog-card-accent, var(--color-brand));
	outline-offset: 4px;
}

.blog-wrapper .blog-card-summary {
	min-height: 112px;
	padding: 18px 20px 20px;
	border-top: 1px solid var(--color-surface-soft);
	background: var(--color-surface);
}

.blog-wrapper .blog-card-summary p {
	display: -webkit-box;
	margin: 0;
	overflow: hidden;
	color: var(--color-text-muted);
	font-size: var(--type-size-ui);
	font-weight: var(--font-weight-regular);
	line-height: 1.68;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

@media (min-width:992px) {
}

details {
	background: var(--color-surface-elevated);
	border-radius: 10px
}

details summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
	list-style: none;
	user-select: none;
	padding: 15px
}

details summary i {
	transition: 0.15s;
	color: var(--color-brand)
}

details[open] summary i {
	transform: rotate(45deg)
}

details p {
	padding: 26px;
	border-top: 1px solid var(--color-brand)
}

h2.hsTitle {
	font-size: 32px;
	font-weight: 700;
	margin-bottom: 25px
}

.brandSlider {
	display: flex;
	justify-content: center;
	width: 100%;
	height: 400px
}

.brandSlider .bShadow {
	overflow: hidden;
	position: relative
}

@-webkit-keyframes translateinfinite {
	100% {
		transform: translateY(calc(-60px * 6))
	}
}

@keyframes translateinfinite {
	100% {
		transform: translateY(calc(-60px * 6))
	}
}

#infinite .bShadow {
	box-shadow: 0 3px 10px -3px var(--shadow-infinite-band);
	background: var(--color-page)
}

#infinite .bShadow::before,
#infinite .bShadow::after {
	content: " ";
	position: absolute;
	z-index: 9;
	width: 100%;
	height: 100px
}

#infinite .bShadow::before {
	bottom: 0;
	left: 0;
	background: var(--gradient-surface-fade-top)
}

#infinite .bShadow::after {
	top: 0;
	right: 0;
	background: var(--gradient-surface-fade-bottom)
}

#infinite .bShadow div {
	width: 100%;
	-webkit-animation: translateinfinite 25s linear infinite;
	animation: translateinfinite 25s linear infinite
}

.productBox {
	background: var(--color-surface-soft);
	border-radius: 10px;
	height: 60px;
	padding: 0 25px;
	margin-bottom: 10px
}

.productBox .pbLeft {
	color: var(--color-brand)
}

.productBox .pbLeft i {
	width: 35px;
	text-align: center
}

.productBox .pbRight {
	background: var(--color-accent-warm);
	border-radius: 7px;
	padding: 3px 15px;
	font-size: 12px;
	color: var(--color-text-product-inverse-muted)
}

@media (max-width:767.98px) {
}

@media (max-width:991.98px) {
}

.table td,
.table th {
	color: var(--color-text)
}

.footer-social ul {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 0;
	padding-top: 15px
}

.footer-social ul li {
	list-style-type: none;
	margin-right: 10px
}

.footer-social ul li a {
	color: var(--color-brand);
	font-size: 18px;
	line-height: 1
}

footer .footer-social ul li a {
	color: var(--color-text-inverse)
}

footer .footer-social ul li {
	border: 1px solid var(--color-border-inverse-translucent);
	width: 42px;
	height: 42px;
	text-align: center;
	border-radius: 100%;
	line-height: 42px;
	background: var(--color-surface-translucent-15);
}

@media (min-width:992px) {
	.card-3 .gi-title {
		font-size: 30px
	}

	.card-3 p {
		width: auto;
		font-size: 18px
	}
}

@media (min-width:992px) and (max-width:1440px) {
	.card-3 .card-icon {
		width: 42px;
		height: 42px;
		font-size: 32px
	}

	.card-3 p {
		width: auto
	}
}

.home-rates .trust {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 14px;
	padding-bottom: 15px;
	color: var(--color-text)
}

.home-rates .trust .stars {
	margin-top: -3px
}

.home-rates .trust .stars i {
	font-size: 12px;
	color: var(--color-text-head-review-star);
	/*animation: stars-animation 2.5s ease infinite both*/
}

.home-rates .trust .stars:first-child {
	animation-delay: 0s;
}

.home-rates .trust .stars i:nth-child(2) {
	animation-delay: 0.2s;
}

.home-rates .trust .stars i:nth-child(3) {
	animation-delay: 0.4s;
}

.home-rates .trust .stars i:nth-child(4) {
	animation-delay: 0.6s;
}

.home-rates .trust .stars i:nth-child(5) {
	animation-delay: 0.8s;
}

.label {
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	padding: 8px 14px;
	min-height: 35px;
	display: flex;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	border-radius: 20px
}

.steps-content p {
	color: var(--color-text-strong)
}

@media (max-width:991.98px) {

	.home-rates {
		display: flex;
		justify-content: center;
		padding-top: 15px
	}

	.h-section h2 {
		font-size: 20px
	}
}

@media (min-width:991.98px) {
}

#contentSlide {
	position: relative
}

#contentSlide .fa-angle-left,
#contentSlide .fa-angle-right {
	position: absolute;
	background: var(--color-decor-mint-muted);
	border-radius: 25px;
	width: 30px;
	height: 55px;
	border: none;
	color: var(--color-brand);
	font-weight: 900;
	font-size: 32px
}

#contentSlide .fa-angle-left {
	top: 200px;
	left: -60px
}

#contentSlide .fa-angle-right {
	top: 200px;
	right: -10px
}

.marks {
	background: var(--color-highlight-mark-bg);
	position: relative
}

.circles {
	background: var(--section-orbit-dot-bg);
	position: relative
}


@media(max-width:991.98px) {
}

@media (max-width: 991.98px) {
}

.language-selector {
	position: relative;
	display: inline-flex;
}

.header-preference-controls {
	gap: 4px;
}

.header-language-switch,
.language-selector .header-language-switch {
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 6px;
	flex: 0 0 96px;
	width: 104px;
	min-height: 38px;
	padding: 0 8px;
	border: 1px solid var(--color-surface-transparent);
	border-radius: 8px;
	background: var(--color-surface-transparent);
	color: var(--color-text-strong);
	font-size: var(--type-size-ui);
	font-weight: var(--font-weight-semibold);
	line-height: 1;
	box-shadow: none;
	transition: color 110ms ease;
}

.language-selector .header-language-switch::after {
	display: none;
	content: none;
}

.language-selector .header-language-switch:hover,
.language-selector .header-language-switch:focus-visible,
.language-selector.show .header-language-switch {
	border-color: var(--color-surface-transparent);
	background: var(--color-surface-transparent);
	box-shadow: none;
	color: var(--color-brand);
}

.language-selector .header-language-switch:focus-visible {
	outline: 2px solid rgba(var(--color-brand-rgb), .35);
	outline-offset: 2px;
}

.language-selector__globe,
.language-selector__chevron {
	flex: 0 0 auto;
}

.language-selector__globe {
	width: 22px;
	height: 22px;
	padding: 0;
	border-radius: 0;
	background: var(--color-surface-transparent);
	color: var(--color-brand);
}

.language-selector__trigger > span {
	letter-spacing: .01em;
}

.language-selector__chevron {
	margin-left: auto;
	color: var(--color-brand);
	transition: transform 110ms ease;
}

.language-selector.show .language-selector__chevron {
	transform: rotate(180deg);
}

.language-selector__menu.dropdown-menu {
	display: block;
	width: 100%;
	min-width: 0;
	margin: 8px 0 0;
	padding: 5px;
	border: 1px solid rgba(var(--color-brand-rgb), .13);
	border-radius: 12px;
	background: var(--color-surface);
	box-shadow: var(--shadow-language-menu);
	opacity: 0;
	pointer-events: none;
	transform: translateY(-5px) scale(.985);
	transform-origin: top left;
	visibility: hidden;
	transition: opacity 110ms ease, transform 110ms ease, visibility 0s linear 110ms;
}

/* Keep the menu's established desktop width when its header trigger is compact. */
.language-selector:not(.language-selector--mobile) .language-selector__menu.dropdown-menu {
	width: 132px;
	min-width: 132px;
}

.language-selector__menu.dropdown-menu.show {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0) scale(1);
	visibility: visible;
	transition-delay: 0s;
}

.language-selector__option {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	min-height: 32px;
	padding: 0 7px;
	border: 0;
	border-radius: 8px;
	background: var(--color-surface-transparent);
	color: var(--color-text-strong);
	font: inherit;
	font-size: 13px;
	font-weight: 400;
	text-align: left;
	white-space: nowrap;
	transition: color 120ms ease;
}

.language-selector__selected-mark {
	width: 7px;
	height: 7px;
	flex: 0 0 7px;
	border: 1px solid rgba(var(--color-brand-rgb), .32);
	border-radius: 50%;
	background: var(--color-surface-transparent);
	transform: scale(.75);
	transition: background-color 120ms ease, border-color 120ms ease, transform 120ms ease;
}

.language-selector__option[aria-checked="true"] {
	background: rgba(var(--color-brand-rgb), .09);
	color: var(--color-brand);
	font-weight: 600;
}

.language-selector__option[aria-checked="true"] .language-selector__selected-mark {
	border-color: var(--color-brand);
	background: var(--color-brand);
	transform: scale(1);
}

.language-selector[data-translation-phase="provider-loading"] .language-selector__globe,
.language-selector[data-translation-phase="translating"] .language-selector__globe,
.language-selector[data-translation-phase="restoring"] .language-selector__globe {
	animation: language-selector-spin 800ms linear infinite;
}

.language-selector[aria-busy="true"] .language-selector__option {
	cursor: progress;
	opacity: .64;
}

.language-selector[data-translation-phase="error"] .language-selector__globe {
	color: var(--color-accent-warm);
}

.language-selector__option:hover {
	background: var(--color-surface-transparent);
	color: var(--color-brand);
	transform: none;
}

.language-selector__option:hover .language-selector__selected-mark {
	border-color: var(--color-brand);
}

.language-selector__option:focus-visible {
	background: var(--color-surface-transparent);
	color: var(--color-brand);
	outline: 0;
	box-shadow: inset 0 0 0 1px rgba(var(--color-brand-rgb), .28);
	transform: none;
}

.translation-provider-mount {
	position: fixed;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	overflow: hidden;
	opacity: 0;
	pointer-events: none;
	clip-path: inset(50%);
}

/* The provider's word-level hover balloon is intentionally disabled. */
#goog-gt-tt,
.goog-tooltip,
.goog-te-balloon-frame {
	display: none;
	visibility: hidden;
	pointer-events: none;
}

.goog-text-highlight {
	border: 0;
	background-color: var(--color-surface-transparent);
	box-shadow: none;
}

html[data-translation-locale="en"] .translation-protected-term,
html[data-translation-locale="es"] .translation-protected-term,
html[data-translation-locale="de"] .translation-protected-term,
html[data-translation-locale="fr"] .translation-protected-term,
html[data-translation-locale="pt"] .translation-protected-term {
	margin-inline: .1em;
}

@keyframes language-selector-spin {
	to {
		transform: rotate(360deg);
	}
}

.language-selector--mobile .header-language-switch {
	flex-basis: 116px;
	width: 116px;
	min-height: 34px;
	padding: 0 9px;
	font-size: 13px;
}

.language-selector--mobile .language-selector__menu {
	left: auto;
	right: 0;
	transform-origin: top right;
}

@media (prefers-reduced-motion: reduce) {
	.language-selector *,
	.language-selector *::before,
	.language-selector *::after {
		transition-duration: 0.01ms !important;
	}
}

@media only screen and (max-width:992px) {
}

@media only screen and (max-width:550px) {
}

@media only screen and (max-width:550px) {
}

@media (max-width: 991.98px) {
}

.h-section.why-more {
	margin: 0
}

.why-more {
	background: url(../images/shared-decorative-illustration-21.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 125px 0
}

.why-more h2 {
	font-style: normal;
	font-size: 29px;
	font-weight: 700;
	letter-spacing: -1px;
	line-height: 180.5%;
	margin-bottom: 15px;
	color: var(--color-brand);
}

.why-more h2 span {
	position: relative;
	display: inline-block;
	color: var(--color-text-strong);
}

.bf-box {
	background: var(--color-surface-elevated);
	border-radius: 25px;
	padding: 25px 50px;
	position: relative;
	overflow: hidden
}

.bf-box h3 {
	font-size: 24px;
	font-weight: 700;
	color: var(--color-text-box-heading)
}

.bf-box p {
	position: relative;
	z-index: 1
}

.bf-box.bg-1::before {
	content: "";
	position: absolute;
	top: 0%;
	right: 30%;
	width: 60%;
	height: 80%;
	transform: translate(100%, 60%) scale(1);
	transition: .14s ease;
	background: var(--color-action-green);
	background: var(--gradient-action-green-soft-120);
	border-radius: 100px;
	filter: blur(60px);
	z-index: 0;
}

.box-header h2 {
	font-style: normal;
	font-size: 29px;
	font-weight: 500;
	letter-spacing: -1px;
	line-height: 180.5%;
	color: var(--color-text-strong);
	max-width: 500px;
	text-align: center;
	margin: 0 auto 25px auto;
}

.sf-9 .box-header h2 {
	max-width: 700px;
}

.box-header h2 span {
	position: relative;
	display: inline-block;
	color: var(--color-brand);
	font-weight: 700;
}

.box-header h2 span::after {
	content: '';
	background-image: url(../images/shared-decorative-divider-01.png);
	position: absolute;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	left: 0;
	bottom: -8px;
	width: 70%;
	height: 20px;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.ww-faq :where(.faq-item) .fa-minus {
	display: none
}

.dark :where(.ww-faq .faq-item) .faq-head {
	color: var(--color-brand)
}

.ww-faq :where(.faq-item.active .faq-head) .right-p {
	color: var(--color-brand)
}

.ww-faq :where(.faq-item.active) .fa-minus {
	display: block
}

.ww-faq :where(.faq-item.active) .fa-plus {
	display: none
}

:where(.ww-faq .faq-item .faq-head) .right-p {
	color: var(--color-brand);
	font-size: 14px;
	height: 30px;
	line-height: 30px
}

.review-container h2 {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 600px;
	margin: auto;
	text-align: center;
	font-weight: 700;
	color: var(--color-brand)
}

.slick-dots {
	position: absolute;
	bottom: -45px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	width: 100%;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	border: 0;
	background: var(--color-css-transparent);
	display: block;
	width: 12px;
	height: 12px;
	outline: none;
	line-height: 0;
	font-size: 0;
	color: var(--color-css-transparent);
	padding: 5px;
	cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	background-color: var(--color-brand-strong);
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 12px;
	height: 12px;
	text-align: center;
	color: red;
	border: 1px solid var(--color-brand-strong);
	border-radius: 50%;
	-webkit-font-smoothing: antialiased;
	opacity: 1;
}

.slick-dots li.slick-active button:before {
	color: var(--color-brand-strong);
	width: 12px;
	height: 12px;
	background-color: var(--color-brand-strong);
	position: absolute;
	top: 0;
	left: 0;
}

.slick-dots li button::before {
	content: "";
}

#reviewSlide {
	position: relative
}

#reviewSlide .fa-long-arrow-left,
#reviewSlide .fa-long-arrow-right {
	position: absolute;
	background: var(--color-brand-strong);
	border-radius: 100%;
	width: 50px;
	height: 50px;
	border: none;
	color: var(--color-text-inverse);
	font-size: 24px;
	z-index: 100
}

#reviewSlide .fa-long-arrow-left {
	top: 200px;
	left: 75px;
}

#reviewSlide .fa-long-arrow-right {
	top: 200px;
	right: 75px;
}

@media only screen and (max-width:991.98px) {

	#reviewSlide .fa-long-arrow-left,
	#reviewSlide .fa-long-arrow-right {
		width: 32px;
		height: 32px;
		font-size: 16px
	}

	#reviewSlide .fa-long-arrow-left {
		top: 100px;
		left: 15px;
	}

	#reviewSlide .fa-long-arrow-right {
		top: 100px;
		right: 15px;
	}

	.review-container h2 {
		font-size: 24px;
		max-width: unset
	}

	.h-section.review-section {
		margin: 0 0 75px 0
	}

	.main-faq .faq-item .faq-head {
		font-size: 16px
	}

	.video-container img {
		max-width: 100%;
		height: auto;
	}

	.box-header h2 {
		font-size: 20px
	}

	.bf-box {
		padding: 15px;
	}

	.bf-box h3 {
		font-size: 18px
	}

	.why-more h2 {
		font-size: 20px;
		text-align: center;
	}

	.why-more {
		background-position: top right;
		padding: 20px 0 25px 0;
	}

	.cs-content .btn-primary,
	.wm-left .btn-primary {
		display: flex;
		margin: auto;
		max-width: max-content;
	}
}

.popup {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: var(--color-overlay-popup-strong);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999
}

.popup.hidden {
	display: none;
}

.popup-content {
	position: relative;
	width: 100%;
	max-width: 400px;
	height: auto;
	text-align: center;
}

.close {
	position: absolute;
	top: 30px;
	right: 10px;
	font-size: 24px;
	cursor: pointer;
	color: var(--color-text-inverse);
	z-index: 100;
	background: var(--color-brand);
	width: 32px;
	height: 32px;
	line-height: 30px;
	border-radius: 100%;
}

.video-containers {
	position: relative;
	width: 100%;
	padding-top: 177.78%;
}

.video-containers iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}

.swiper-ugc {
	overflow: hidden
}

.meet-header {
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: center;
	gap: 15px
}

.meet-header small {
	background: var(--section-meet-label-bg);
	color: var(--color-decor-forest-deep);
	width: max-content;
	font-size: 16px;
	border-radius: 15px;
	padding: 5px 15px;
	margin: auto
}

.meet-header h1 {
	color: var(--color-text-ink);
	font-size: 56px;
	font-weight: 700;
	position: relative;
	margin-bottom: 0;
	text-align: center;
}

.meet-header h1 span {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-legacy-163);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative;
}

.meet-header h1 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 4px;
	background-color: var(--color-success-bright);
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: 0.15;
	z-index: -1;
}

.meet-header p {
	color: var(--color-text-ink);
	margin: 0 auto 25px auto
}

.story-2 {
	padding: 75px 0
}

.story-img-geo {
	position: relative;
	isolation: isolate;
	padding: 12px 38px 30px 12px;
}

.story-img-geo > img {
	display: block;
	position: relative;
	z-index: 1;
	width: 100%;
	box-shadow: 0 16px 32px rgba(var(--color-brand-deep-rgb), .08);
}

.story-img-geo::before,
.story-img-geo::after {
	content: '';
	position: absolute;
	z-index: 0;
	pointer-events: none;
}

.story-img-geo::before {
	bottom: 0;
	left: 0;
	width: 92px;
	height: 92px;
	border: 1px dashed rgba(var(--color-brand-rgb), .36);
	border-radius: 50%;
}

.story-img-geo::after {
	top: 0;
	right: 0;
	bottom: 0;
	width: 26px;
	background:
		linear-gradient(rgba(var(--color-brand-rgb), .48), rgba(var(--color-brand-rgb), .48)) 0 0 / 12px 12px no-repeat,
		linear-gradient(rgba(var(--color-brand-bright-rgb), .38), rgba(var(--color-brand-bright-rgb), .38)) 0 100% / 12px 12px no-repeat,
		linear-gradient(rgba(var(--color-brand-rgb), .20), rgba(var(--color-brand-rgb), .20)) 100% 50% / 20px 92px no-repeat;
}

.story-img-geo--vision::before {
	left: auto;
	right: 0;
}

.story-img-geo--vision::after {
	right: auto;
	left: 0;
	background:
		linear-gradient(rgba(var(--color-brand-rgb), .48), rgba(var(--color-brand-rgb), .48)) 100% 0 / 12px 12px no-repeat,
		linear-gradient(rgba(var(--color-brand-bright-rgb), .38), rgba(var(--color-brand-bright-rgb), .38)) 100% 100% / 12px 12px no-repeat,
		linear-gradient(rgba(var(--color-brand-rgb), .20), rgba(var(--color-brand-rgb), .20)) 0 50% / 20px 92px no-repeat;
}

.story-img-geo--value::before {
	top: 0;
	bottom: auto;
}

.story-img-geo--value::after {
	top: 0;
	bottom: 0;
}

.story-text-1 {
	position: relative
}

.story-text-1 small {
	font-size: 18px;
	color: var(--color-decor-forest-deep)
}

.story-text-1 h2 {
	font-size: 36px;
	font-weight: 700;
	letter-spacing: -0.50px;
	color: var(--color-text-ink);
}

.story-text-1 h2 span {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-legacy-163);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative;
}

.story-text-1 h2 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 4px;
	background-color: var(--color-success-bright);
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: 0.15;
	z-index: -1;
}

.story-text-1 h3 {
	font-size: 36px;
	font-weight: 700;
	color: var(--color-decor-forest-deep);
	margin-bottom: 35px
}

.story-text-1 p {
	line-height: 24px;
	color: var(--color-text-ink)
}

.story-text-1 a {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-top: 30px
}

.story-text-1 a img {
	width: 36px
}

.story-text-1 a span {
	font-size: 16px;
	font-weight: 600;
	color: var(--color-decor-forest-deep)
}

.story-2 {
	padding: 75px 0
}

.story-6 {
	padding: 75px 0
}

.story-img-6 {
	margin: auto;
	text-align: center
}

.story-img-6 .si6-big {
	max-width: 900px;
	margin: auto;
	text-align: center
}

.story-text-6 {
	background: var(--section-story-text-dark-bg);
	border: 2px solid var(--color-decor-mint-bright);
	border-radius: 15px;
	color: var(--color-text-inverse);
	text-align: center;
	max-width: 600px;
	margin: -50px auto 0 auto;
	padding: 25px;
	position: relative;
	z-index: 1;
	font-size: 16px
}

.story-7 {
	padding: 50px 0
}

@media (min-width: 991.98px) {
}


.bottom-navigation-out {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: var(--color-surface-soft);
	border-top: 1px solid var(--color-brand-soft);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	padding: 0 10px;
	gap: 0;
	z-index: 50;
	box-shadow: var(--shadow-bottom-navigation-glow)
}

.bottom-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	gap: 5px;
	line-height: 1;
	padding: 10px 0px;
	color: var(--color-text);
	border-right: 1px solid var(--section-bottom-item-border)
}

.bottom-item:last-child {
	border-right: none
}

.bottom-item i {
	font-size: 18px;
}

.bottom-item-name {
	white-space: nowrap;
}

.bottom-item.active {
	color: var(--color-brand) !important
}

@media only screen and (min-width: 991.98px) {

	.bottom-navigation,
	.bottom-navigation-out {
		display: none !important;
	}
}

.blob {
	background: var(--section-blob-bg);
	border-radius: 50%;
	margin-right: 5px;
	height: 12px;
	width: 12px;
	transform: scale(1);
	-webkit-animation: pulse-green 2s infinite;
	animation: pulse-green 2s infinite;
	display: inline-block
}

@-webkit-keyframes pulse-green {
	0% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 var(--color-glow-pulse-start)
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px var(--color-glow-pulse-end)
	}

	100% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 var(--color-glow-pulse-end)
	}
}

@keyframes pulse-green {
	0% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 var(--color-glow-pulse-start)
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px var(--color-glow-pulse-end)
	}

	100% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 var(--color-glow-pulse-end)
	}
}


@media (max-width: 991.98px) {

	.appContent {
		padding-bottom: 65px;
	}

	.swiper-ugc {
		overflow: hidden;
	}

	.meet-header {
		margin-bottom: 25px
	}

	.story-img-1,
	.story-img-5 {
		margin-bottom: 35px
	}

	.story-text-1,
	.story-text-4,
	.story-text-5 {
		text-align: center
	}

	.story-text-4 a,
	.story-text-1 a {
		justify-content: center;
	}

	.story-4 {
		margin: 0;
	}

	.story-2 {
		padding: 50px 0;
	}

	.story-6 {
		padding: 25px 0;
	}

	.story-img-6 .si6-big {
		max-width: 100%
	}

	.story-text-6 {
		max-width: 300px;
		padding: 15px;
		font-size: 13px
	}

	.story-7 {
		padding: 25px 0;
	}

	.header-menu {
		gap: 0
	}

	.footer-social {
		display: flex;
		justify-content: center;
		margin: auto;
		gap: 10px
	}

	.footer-social ul li {
		margin: 0 10px
	}
}

.sf-1 {
	background: rgb(var(--color-glow-rgb));
	background: linear-gradient(180deg, var(--section-sf-gradient-start) 0%, var(--section-sf-gradient-end) 100%);
	position: relative;
	padding: 50px 0;
}

.sf-1 h1 {
	color: var(--color-text-ink);
	font-size: 38px;
	font-weight: 700;
	text-align: center;
}

.sf-1 h1 span {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-legacy-163);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative;
}

.sf-1 h1 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 4px;
	background-color: var(--color-success-bright);
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: 0.15;
}

.sf-1 p {
	color: var(--color-text-ink);
	text-align: center;
	max-width: 750px;
	margin: 25px auto 0 auto;
}

.sf-1 .sf-wrapper {
	display: flex;
	gap: 35px;
	margin-top: 60px;
}

.sf-1 .sf-wrapper .sf-img {
	width: 153px;
	height: 120px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	position: relative;
	z-index: 1;
	margin-top: 30px;
}

.sf-1 .sf-wrapper .sf-img img {
	width: 153px;
	position: relative;
	z-index: 1
}

.sf-1 .sf-wrapper .sf-img::before {
	content: "";
	position: absolute;
	left: 20px;
	top: 10px;
	right: 0;
	bottom: 0;
	border-radius: 100%;
	background: var(--color-brand-deep-flat);
	opacity: 0.1;
	width: 100px;
	height: 100px;
	animation: ripple 1.75s infinite ease-out;
}

.sf-1 .sf-wrapper .sf-img::after {
	content: "";
	position: absolute;
	left: 10px;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 100%;
	background: var(--color-brand-deep-flat);
	opacity: 0.03;
	width: 120px;
	height: 120px;
	animation: ripple 1.75s infinite ease-out;
}

@keyframes ripple {
	0% {
		transform: scale(1);
		opacity: 0.2;
	}

	100% {
		transform: scale(1.5);
		opacity: 0;
	}
}

.sf-1 .sf-form {
	width: 100%;
}

.sf-1 .sf-form .form {
	background: var(--color-surface-cool-alt);
	border-radius: 20px;
	border: 1px solid var(--color-border);
	padding: 35px 20px;
	width: 100%;
}

.sf-1 .sf-form .form .sf-group-item {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: 60px;
}

.sf-1 .sf-form .form .sf-group {
	width: 100%;
}

.sf-1 .sf-form .form .sf-group label {
	color: var(--color-text-form-label-strong);
}

.sf-1 .sf-form .form .sf-group .form-control,
.sf-1 .sf-form .form .sf-group .form-control:hover,
.sf-1 .sf-form .form .sf-group .form-control:focus {
	border-radius: 10px;
	border: 1px solid var(--color-border) !important;
	background: var(--color-surface);
	color: var(--color-text-ink);
	height: 50px;
	width: 100%;
}

.sf-1 .sf-form .btn-sf {
	--button-text: var(--color-text-inverse);
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-180);
	font-size: 16px;
	color: var(--button-text);
	-webkit-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	line-height: 18px;
	padding: 15px 30px;
	border-radius: 10px;
	width: 100%;
	transition: 150ms all;
	position: relative;
	overflow: hidden;
}

.sf-1 .sf-form .btn-sf:before {
	content: '';
	position: absolute;
	left: -20%;
	top: -10%;
	width: 0;
	height: 100%;
	transform: rotate(15deg) scale(1, 2);
	box-shadow: 0 0 30px 15px var(--color-surface-translucent-20);
	animation: button-glow 2000ms ease-in-out infinite;
}

@keyframes button-glow {
	0% {
		left: -20%;
	}

	50% {
		left: 120%;
	}

	100% {
		left: 120%;
	}
}

.sf-1 .sf-content {
	display: flex;
	justify-content: space-between;
	margin-top: 50px;
}

.sf-1 .sf-content .text p {
	text-align: left;
	margin: 0;
	color: var(--color-decor-forest)
}

.sf-1 .sf-content .text p i {
	color: var(--color-decor-forest)
}

.sf-1 .sf-content .sf-count {
	display: flex;
	align-items: center;
	gap: 60px;
	margin-top: 50px
}

.sf-1 .sf-content .sf-count small {
	font-size: 28px;
	font-weight: 700;
	color: var(--color-text)
}

.sf-1 .sf-content .text p {
	text-align: left;
	margin: 0;
	color: var(--color-decor-forest)
}

.sf-1 .sf-content .sf-count p {
	font-size: 15px;
	color: var(--color-decor-forest)
}

.sf-1 .sf-bg-effects .sf-bg-1,
.sf-1 .sf-bg-effects .sf-bg-2,
.sf-1 .sf-bg-effects .sf-bg-3 {
	position: absolute
}

.sf-1 .sf-bg-effects .sf-bg-1 {
	max-width: 200px;
	top: 0;
	left: 0
}

.sf-1 .sf-bg-effects .sf-bg-2 {
	max-width: 150px;
	top: 0;
	right: 0
}

.sf-1 .sf-bg-effects .sf-bg-3 {
	max-width: 200px;
	bottom: -100px;
	right: 0
}

.sf-2 {
	margin: 100px 0;
}

.sf-2 .ww-content small {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-decor-forest);
}

.sf-2 .ww-content h2 {
	font-family: var(--font-display);
	font-size: 42px;
	font-weight: 600;
	padding: 10px 0 15px 0;
	color: var(--color-text-ink-deep)
}

.sf-2 .ww-content p {
	font-size: 14px;
	color: var(--color-text-ink-deep)
}

.sf-3 {
	background: var(--section-sf-artwork-fade), url(../images/shared-decorative-illustration-21.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 50px 0 125px 0;
}

.sf-3 .ww-content small {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-decor-forest);
}

.sf-3 .ww-content h2 {
	font-family: var(--font-display);
	font-size: 42px;
	font-weight: 600;
	padding: 10px 0 15px 0;
	color: var(--color-text-ink-deep)
}

.sf-3 .ww-content p {
	font-size: 14px;
	color: var(--color-text-ink-deep)
}

.sf-3 .ww-boxes {
	background: url(../images/shared-decorative-illustration-26.webp);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 35px 350px 100px 25px;
	border-radius: 23px;
	position: relative
}

.sf-3 .ww-boxes .ww-boxes-text {
	display: flex;
	flex-direction: column;
	gap: 5px;
	max-width: 200px
}

.sf-3 .ww-boxes h3 {
	font-size: 24px;
	font-weight: 500;
	color: var(--color-text)
}

.sf-3 .ww-boxes p {
	color: var(--color-text-muted-cool)
}

.sf-3 .ww-boxes img {
	position: absolute;
	top: auto;
	bottom: 0;
	right: 10px;
	max-width: 300px
}

.sf-3 .ww-boxes .btn {
	border-radius: 10px
}

.sf-4 {
	margin: 0
}

@media (min-width: 992px) {
	.sf-4 .ww-img {
		transform: translateY(-24px)
	}
}

.sf-4 .ww-content small {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-decor-forest);
}

.sf-4 .ww-content h2 {
	font-family: var(--font-display);
	font-size: 42px;
	font-weight: 600;
	padding: 10px 0 15px 0;
	color: var(--color-text-ink-deep);
	max-width: 500px
}

.sf-4 .ww-content p {
	font-size: 14px;
	color: var(--color-text-ink-deep);
	max-width: 500px
}

.sf-5 {
	background: var(--section-sf-artwork-fade), url(../images/shared-decorative-illustration-21.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 135px 0 125px 0;
}

.sf-5 .ww-content small {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-decor-forest);
}

.sf-5 .ww-content h2 {
	font-family: var(--font-display);
	font-size: 42px;
	font-weight: 600;
	padding: 10px 0 15px 0;
	color: var(--color-text-ink-deep)
}

.sf-5 .ww-content p {
	font-size: 14px;
	color: var(--color-text-ink-deep)
}

.sf-5 .ww-boxes-2 {
	background: url(../images/shared-decorative-illustration-24.png);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 23px;
	position: relative;
}

.sf-5 .ww-boxes-2 .ww-b2-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	max-width: 375px;
	padding: 75px 50px;
	text-align: center
}

.sf-5 .ww-boxes-2 h3 {
	font-size: 24px;
	color: var(--color-text-inverse)
}

.sf-5 .ww-boxes-2 p {
	font-size: 14px;
	color: var(--color-decor-purple-soft);
	max-width: 200px;
	margin: auto
}

.sf-5 .ww-boxes-2 .btn {
	--button-text: var(--color-decor-forest-shadow);
	--button-hover-text: var(--color-decor-forest-shadow);
	background: var(--color-surface);
	border-radius: 10px;
	color: var(--button-text);
	height: 50px;
	line-height: 25px;
	max-width: 225px;
	margin: auto
}

.sf-5 .ww-boxes-2 .btn:hover,
.sf-5 .ww-boxes-2 .btn:focus {
	background: var(--button-inverse-hover-bg);
	color: var(--button-hover-text);
	opacity: .9
}

.sf-6 {
	margin: 0 0 100px 0;
}

.sf-6 .ww-content small {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-decor-forest);
}

.sf-6 .ww-content h2 {
	font-family: var(--font-display);
	font-size: 42px;
	font-weight: 600;
	padding: 10px 0 15px 0;
	color: var(--color-text-ink-deep);
	max-width: 450px
}

.sf-6 .ww-content p {
	font-size: 14px;
	color: var(--color-text-ink-deep);
	max-width: 500px
}

.sf-7 .sf-banner {
	background-color: var(--color-logo-purple-700);
	background-image: var(--gradient-free-banner-overlay), url(../images/free-service-social-media-bottom.webp);
	background-position: center, bottom center;
	background-repeat: no-repeat;
	background-size: cover, cover;
	border-radius: 15px;
	position: relative;
	padding: 60px 60px 125px 60px
}

.sf-7 .sf-banner h2 {
	font-size: 42px;
	color: var(--color-surface-mint-pale);
	max-width: 525px
}

.sf-7 .sf-banner p {
	font-size: 18px;
	color: var(--color-surface-mint-pale);
	max-width: 525px
}

.sf-8 {
	margin: 125px 0
}

.sf-9 h2 {
	font-family: var(--font-display);
	font-size: 36px;
	font-weight: 600;
	color: var(--color-text-ink-deep);
	max-width: 500px;
}

.sf-10 {
	margin: 50px 0
}

.sf-10 .sf-contact {
	background: var(--section-contact-bg);
	border-radius: 15px;
	padding: 50px
}

.sf-10 .sf-contact {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.sf-10 .sf-contact .sf-wrapper {
	display: flex;
	align-items: center;
	gap: 25px
}

.sf-10 .sf-contact .sf-wrapper .sf-arrow i {
	background: var(--color-surface-mint-pale);
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	color: var(--color-text)
}

.sf-10 .sf-contact .sf-wrapper .sf-arrow i:before {
	transform: rotate(-30deg)
}

.sf-10 .sf-contact .sf-head {
	display: flex;
	flex-direction: column;
	gap: 0
}

.sf-10 .sf-contact .sf-head,
.sf-10 .sf-contact .sf-head a {
	font-size: 20px;
	font-weight: 600;
	color: var(--color-text-inverse) !important
}

.sf-10 .sf-contact .sf-head a:hover {
	color: var(--color-text-inverse) !important;
	opacity: .7
}

.sf-10 .sf-contact .sf-text {
	font-size: 16px;
	color: var(--color-text-inverse)
}

@media (max-width: 991.98px) {
	/* On mobile, keep the repeated free-service "服务 / 注册" pair centered as one CTA group. */
	main[data-page-template="free-service"] .ww-content + .row.mt-4 {
		justify-content: center;
	}

	main[data-page-template="free-service"] .ww-content + .row.mt-4 > .col-auto,
	main[data-page-template="free-service"] .ww-content + .row.mt-4 > .col {
		flex: 0 0 auto;
		width: auto;
	}

	.sf-1 .sf-wrapper {
		gap: 40px;
		margin-top: 30px;
		flex-direction: column
	}

	.sf-1 .sf-form .form {
		padding: 30px 25px
	}

	.sf-1 .sf-form .form .sf-group-item {
		gap: 15px;
		flex-direction: column;
	}

	.sf-1 h1 {
		font-size: 24px
	}

	.sf-1 .sf-bg-effects .sf-bg-1 {
		width: 75px;
		left: -30px;
		top: -10px
	}

	.sf-1 .sf-bg-effects .sf-bg-2 {
		top: 275px;
		right: 0;
		width: 100px;
	}

	.sf-1 .sf-bg-effects .sf-bg-3 {
		bottom: -80px;
		width: 75px
	}

	.sf-card {
		padding-top: 25px
	}

	.sf-1 p {
		font-size: 14px;
		margin: 15px auto 0 auto;
	}

	.sf-1 .sf-content {
		margin-top: 30px;
		flex-direction: column;
	}

	.sf-1 .sf-content .text p {
		font-size: 12px;
	}

	.sf-1 .sf-content .image {
		margin-top: 30px
	}

	.sf-1 .sf-content .sf-count {
		gap: 40px;
		margin-top: 25px;
		justify-content: center;
		text-align: center
	}

	.sf-1 .sf-content .sf-count .item p {
		text-align: center
	}

	.sf-1 .sf-wrapper .sf-img {
		width: 153px;
		height: 120px
	}

	.sf-1 .sf-wrapper .sf-img img {
		width: 153px;
		height: auto
	}

	.sf-2 {
		margin: 100px 0 0 0;
	}

	.sf-2 .ww-content {
		text-align: center
	}

	.sf-2 .ww-content h2 {
		font-size: 24px;
	}

	.sf-3 {
		padding: 50px 0 25px 0;
	}

	.sf-3 .ww-boxes {
		padding: 50px 15px;
		width: 100%;
	}

	.sf-3 .ww-boxes img {
		display: none
	}

	.sf-3 .ww-boxes .ww-boxes-text {
		text-align: center;
		max-width: 250px;
		margin: auto;
	}

	.sf-3 .ww-content {
		text-align: center;
		margin-top: 25px
	}

	.sf-3 .ww-content h2 {
		font-size: 24px;
	}

	.sf-4 .ww-content {
		text-align: center
	}

	.sf-4 .ww-content h2 {
		font-size: 24px;
	}

	.sf-5 {
		padding: 25px 0 50px 0;
	}

	.sf-5 .ww-content {
		text-align: center;
		margin-top: 25px
	}

	.sf-5 .ww-content h2 {
		font-size: 24px;
	}

	.sf-6 {
		margin: 0 0 50px 0;
	}

	.sf-6 .ww-content {
		text-align: center
	}

	.sf-6 .ww-content h2 {
		font-size: 24px;
	}

	.sf-7 .sf-banner {
		padding: 50px;
		text-align: center
	}

	.sf-7 .sf-banner h2 {
		font-size: 24px;
		max-width: 100%;
	}

	.sf-8 {
		margin: 50px 0;
	}

	.sf-9 h2 {
		font-size: 26px
	}

	.sf-9 .bf-box {
		text-align: center
	}

	.sf-10 {
		margin: 25px 0;
	}

	.sf-10 .sf-contact {
		gap: 15px;
		flex-direction: column;
		justify-content: center;
		text-align: center;
		padding: 25px 50px
	}

	.sf-10 .sf-contact .sf-wrapper {
		gap: 10px;
		flex-direction: column;
	}
}

.bf-alt .head-review .hr-text :where(span)>span {
	color: var(--review-head-count-text)
}

.bf-7 :where(.main-faq .faq-item) .faq-head {
	font-weight: 600;
	color: var(--color-decor-forest-muted)
}

.bf-7 :where(.main-faq .faq-item) .faq-content {
	color: var(--color-decor-forest-muted)
}

@media (max-width: 767.98px) {
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	#productSlide .fa-angle-left,
	#contentSlide .fa-angle-left,
	.bf-9 #userSlide .fa-chevron-left,
	.bf-16 #ratesSlide .fa-chevron-left {
		left: 8px;
	}

	#productSlide .fa-angle-right,
	#contentSlide .fa-angle-right,
	.bf-9 #userSlide .fa-chevron-right,
	.bf-16 #ratesSlide .fa-chevron-right {
		right: 8px;
	}
}

.s-hide {
	display: none;
}

@media only screen and (max-width:991.98px) {
}

@keyframes stars-animation {
	0% {
		scale: 0;
	}

	10% {
		scale: 1.1;
	}

	15% {
		scale: 1;
	}
}

@media screen and (max-width: 1440px) {
}

.hh-s1 {
	padding: 0 0 75px 0
}

.hh-s1#story .story-sliders {
	position: relative;
}

.hh-s1#story .story-sliders .swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
	position: relative;
	pointer-events: none;
}

.hh-s1#story .story-sliders .swiper-wrapper .swiper-slide {
	width: -webkit-max-content !important;
	width: -moz-max-content !important;
	width: max-content !important;
}

.hh-s1#story .story-sliders.slider {
	position: relative;
	background: rgb(var(--color-brand-rgb));
	background-image: url(../images/shared-decorative-banner-10.png), var(--gradient-brand-deep-0);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 20px 0;
	color: var(--color-text-inverse);
	width: 140%;
	left: -30%;
}

.hh-s1#story .story-sliders.slider:first-of-type {
	-webkit-transform: rotate(-11deg);
	transform: rotate(-11deg);
	z-index: 10;
}

.hh-s1#story .story-sliders.slider:last-of-type {
	-webkit-transform: rotate(-6deg);
	transform: rotate(-6deg);
}

.hh-s1#story .story-sliders.slider .swiper-slide span {
	position: relative
}

.hh-s1#story .story-sliders.slider .swiper-slide span::after {
	position: absolute;
	font-family: "remixicon";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f53f";
	left: -100px;
	color: var(--color-decor-lime)
}

.hh-s1#story .story-sliders.slider .swiper-slide span {
	font-size: 24px;
	font-weight: 600;
	color: var(--color-text-inverse);
}

.hh-s2 {
	padding: 100px 0 25px 0
}

.hh-s2#story .story-sliders {
	position: relative;
}

.hh-s2#story .story-sliders .swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
	position: relative;
	pointer-events: none;
}

.hh-s2#story .story-sliders .swiper-wrapper .swiper-slide {
	width: -webkit-max-content !important;
	width: -moz-max-content !important;
	width: max-content !important;
}

.hh-s2#story .story-sliders.slider {
	position: relative;
	background: rgb(var(--color-brand-rgb));
	background-image: url(../images/shared-decorative-banner-10.png), -webkit-linear-gradient(0deg, var(--section-story-slider-gradient-edge) 0%, var(--section-story-slider-gradient-center) 50%, var(--section-story-slider-gradient-edge) 100%);
	background-repeat: no-repeat;
	background-size: cover;
	padding: 20px 0;
	color: var(--color-text-inverse);
	width: 140%;
	left: -30%;
}

.hh-s2#story .story-sliders.slider:first-of-type {
	-webkit-transform: rotate(-11deg);
	transform: rotate(-11deg);
	z-index: 10;
}

.hh-s2#story .story-sliders.slider:last-of-type {
	-webkit-transform: rotate(6deg);
	transform: rotate(6deg);
	margin-top: -225px;
	z-index: 1;
}

.hh-s2#story .story-sliders.slider .swiper-slide span {
	position: relative
}

.hh-s2#story .story-sliders.slider .swiper-slide span::after {
	position: absolute;
	font-family: "remixicon";
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f53f";
	left: -100px;
	color: var(--section-story-slider-step-text)
}

.hh-s2#story .story-sliders.slider .swiper-slide span {
	font-size: 24px;
	font-weight: 400;
	color: var(--color-text-inverse);
}

.footer-flex {
	display: flex;
}

.footer-flex .footer-left {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-right: 40px;
	width: 25%;
}

.footer-flex .footer-left p {
	margin-bottom: 0;
	font-size: 12px
}

.footer-flex .footer-left>img {
	width: 200px;
	height: 56px;
	object-fit: contain;
	object-position: left center
}

.footer-flex .footer-center {
	display: flex;
	gap: 25px;
	width: 80%;
}

:where(.mtp-owner .wm-left) .head-btn-alt .btn {
	text-align: center;
	justify-content: center;
	max-width: 300px
}

@media (min-width:991.98px) {

	#productSlide .slick-dots {
		display: none !important
	}

	.prItem .prContent>h3 {
		min-height: 60px;
	}
}

@media (max-width:991.98px) {

	.hh-s1 {
		padding: 25px 0;
	}

	.hh-s1#story .story-sliders.slider,
	.hh-s2#story .story-sliders.slider {
		padding: 10px 0;
	}

	.hh-s1#story .story-sliders.slider .swiper-slide span,
	.hh-s2#story .story-sliders.slider .swiper-slide span {
		font-size: 18px
	}

	.hh-s1#story .story-sliders.slider:last-of-type {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}

	.hh-s2 {
		padding: 50px 0 0 0;
	}

	.hh-s2#story .story-sliders.slider:last-of-type {
		-webkit-transform: rotate(15deg);
		transform: rotate(15deg);
		margin-top: -135px;
	}

	#productSlide .slick-track {
		gap: 0
	}

	#productSlide .fa-angle-left,
	#productSlide .fa-angle-right {
		display: none !important
	}

	.footer-flex {
		flex-direction: column;
		padding-bottom: 50px;
	}

	.footer-left {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-right: 0px;
		margin-bottom: 26px;
		gap: 0px;
		width: 100%
	}

	.footer-center {
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: flex-start;
		gap: 42px 60px;
		justify-content: center;
		width: 100%
	}

	footer .footer-links a {
		font-size: 12px;
	}

	.contact-icon {
		margin: 0
	}
}

.blog-box .bb-wrapper {
	overflow: visible;
	position: relative
}

.blog-box .bb-img img {
	object-fit: cover;
	border-radius: 15px;
	width: 100%;
}

.blog-box .bb-title {
	text-align: center;
	margin-bottom: 35px
}

.blog-box .bb-title h1 {
	font-size: 36px;
	font-weight: 600;
	line-height: 52px;
	color: var(--color-text)
}

.blog-box .bb-wrapper {
	display: flex;
	justify-content: center;
	gap: 30px;
	margin-top: 25px
}

.blog-box .bb-wrapper .bb-content {
	width: 900px;
	color: var(--color-text);
	font-size: 16px
}

.blog-box .bb-wrapper .bb-content h2 {
	font-size: 24px;
	font-weight: 700;
	line-height: 32px;
	margin: 35px 0 35px;
}

.blog-box .bb-wrapper .bb-content h3 {
	font-size: 22px;
	font-weight: 700;
	line-height: 30px;
	margin: 25px 0 12px;
}

#author .ms-title h2 {
	font-style: normal;
	font-size: 28px;
	font-weight: 700;
	line-height: 128.5%;
	letter-spacing: -1px;
	margin-bottom: 15px;
	color: var(--color-text-strong);
}

#author .ms-title h2 span {
	position: relative;
	display: inline-block;
	color: var(--color-brand);
}

#author .ms-title h2 span::after {
	content: '';
	background-image: url(../images/shared-decorative-divider-01.png);
	position: absolute;
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center;
	left: -5px;
	bottom: -18px;
	width: calc(100% + 10px);
	height: 20px;
}

.files-wrapper {
	display: flex;
	flex-direction: column;
	line-height: 29px;
	background: var(--color-page);
	padding: 5px;
	border-radius: 10px;
	width: max-content;
}

.files-wrapper a {
	color: var(--color-brand-strong);
}

.files-wrapper .files-label {
	color: var(--color-text);
}

.why-more .ww-boxes {
	background: url(../images/shared-decorative-illustration-26.webp);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 35px 300px 30px 25px;
	border-radius: 23px;
	position: relative
}

.why-more .ww-boxes .ww-boxes-text {
	display: flex;
	flex-direction: column;
	gap: 5px;
	max-width: 200px
}

.why-more .ww-boxes h3 {
	font-size: 20px;
	font-weight: 500;
	color: var(--color-text)
}

.why-more .ww-boxes p {
	color: var(--color-text-muted-cool)
}

.why-more .ww-boxes img {
	position: absolute;
	bottom: 0;
	right: 0;
	max-width: 275px
}

.why-more .ww-boxes .btn {
	border-radius: 10px
}

.ms-title h3 {
	font-style: normal;
	font-size: 28px;
	font-weight: 700;
	line-height: 128.5%;
	letter-spacing: -1px;
	margin-bottom: 15px;
	color: var(--color-text-strong);
}

@media (max-width:991.98px) {
	.ms-title h3 {
		font-size: 20px;
	}

	.blog-box .bb-wrapper {
		flex-direction: column;
	}

	.blog-box .bb-wrapper .bb-content {
		width: auto
	}

	.blog-box .bb-title {
		margin-bottom: 15px;
	}

	.blog-box .bb-title h1 {
		font-size: 24px;
		line-height: 32px
	}

	.blog-box .bb-wrapper .bb-content h2 {
		font-size: 18px;
		margin: 15px 0 15px;
	}

	.blog-box .bb-wrapper .bb-content h3 {
		font-size: 16px;
		margin: 10px 0 10px;
	}

	.blog-wrapper {
		grid-template-columns: 1fr;
		gap: 15px
	}

	.why-more .ww-boxes {
		padding: 50px 15px;
		width: 100%;
		margin-bottom: 25px
	}

	.why-more .ww-boxes .ww-boxes-text {
		text-align: center;
		max-width: 250px;
		margin: auto;
	}

	.why-more .ww-boxes img {
		display: none
	}

	.why-more .btn {
		width: 100%;
	}
}

.hm-services-item a {
	display: flex !important;
	align-items: center;
	gap: 5px
}

@media only screen and (min-width:992px) {
	/* Preserve the header's horizontal grid while the fixed-state brand compacts. */
	.header-brand-lockup {
		flex: 0 0 179px;
		width: 179px;
	}

	.head-out.fixed .hm-wrapper {
		padding: 4px 0;
	}

	/* Keep the original 70px header rhythm: logo breathing room is internal. */
	.head-out:not(.fixed) .home-logo {
		flex: 0 0 70px;
		width: 70px;
		height: 70px;
		display: flex;
		align-items: center;
	}

	.head-out:not(.fixed) .home-logo img {
		width: 66px;
		height: 66px;
	}

	/* First-screen branding can use the full visual space without moving the grid. */
	.head-out:not(.fixed) .header-brand-lockup {
		gap: 6px;
	}

	/* Preserve the desktop brand column while compacting only the fixed-state image. */
	.head-out.fixed .home-logo {
		flex: 0 0 70px;
		width: 70px;
		height: 49px;
		display: flex;
		align-items: center;
	}

	.head-out.fixed .home-logo img {
		width: 42px;
		height: 42px;
	}

	.head-out.fixed .header-brand-lockup {
		gap: 8px;
	}

	/* Keep the 70px grid slot, while visually following the 42px fixed logo. */
	.head-out.fixed .header-brand-text {
		transform: translateX(calc(42px - 70px));
	}

	.head-out.fixed .header-brand-name {
		font-size: 15.4px;
	}

	.head-out.fixed .header-brand-platform {
		margin-top: 2.8px;
		font-size: 10.5px;
	}

	.header-menu {
		gap: 8px;
		padding: 0;
		border: 0;
		border-radius: 0;
		background: var(--color-surface-transparent);
		box-shadow: none;
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
	}

	:where(.header-menu .hm-item) .hm-link,
	.head-out.fixed :where(.header-menu .hm-item) .hm-link {
		display: inline-flex;
		align-items: center;
		gap: 7px;
		padding: 10px 15px;
		border-radius: 10px;
		font-size: var(--type-size-body);
		line-height: 1;
		transition: color 140ms ease, background-color 140ms ease, transform 140ms ease;
	}

	.header-menu .hm-services-item>.hm-link {
		box-sizing: border-box;
		flex: 0 0 106px;
		width: 106px;
		gap: 7px;
		justify-content: center;
		white-space: nowrap;
	}

	.header-menu .hm-item>.hm-link.is-active {
		background: var(--color-surface-lilac-soft);
		color: var(--color-brand);
	}

	.header-menu .hm-item:not(.hm-services-item)>.hm-link:hover,
	.header-menu .hm-item:not(.hm-services-item)>.hm-link:focus-visible {
		background: rgba(var(--color-brand-rgb), .07);
		color: var(--color-brand);
		opacity: 1;
		outline: 0;
	}

	.header-menu .hm-services-item>.hm-link:hover,
	.header-menu .hm-services-item>.hm-link:focus-visible {
		background: rgba(var(--color-brand-rgb), .14);
		color: var(--color-brand);
		opacity: 1;
		outline: 0;
	}

	.header-menu .hm-services-item.is-menu-open>.hm-link {
		background: rgba(var(--color-brand-rgb), .14);
		color: var(--color-brand);
		opacity: 1;
	}

	.header-menu .hm-link:focus-visible {
		box-shadow: 0 0 0 2px rgba(var(--color-brand-rgb), .35);
	}

	.header-menu .hm-services-item>.hm-link .fa-angle-down {
		font-size: 12px;
		transition: transform 140ms ease;
	}

	.header-menu .hm-services-item:hover>.hm-link .fa-angle-down,
	.header-menu .hm-services-item:focus-within>.hm-link .fa-angle-down {
		transform: rotate(180deg);
	}

	.hm-services-item::after {
		position: absolute;
		top: 100%;
		left: 0;
		width: calc(100% + 18px);
		height: 14px;
		content: '';
	}

}

.mtp-alt-menu {
	position: absolute;
	top: 64px;
	left: 0;
	margin: 0;
	padding: 8px;
	min-width: 244px;
	background: var(--color-surface);
	border: 1px solid rgba(var(--color-brand-rgb), .14);
	box-shadow: var(--shadow-service-menu);
	border-radius: 18px;
	z-index: 9999;
	width: 244px;
	overflow: visible;
}

.mtp-alt-menu li {
	list-style-type: none
}

.mtp-alt-menu {
	display: none;
}

.mtp-alt-menu.show {
	display: flex;
	flex-direction: column;
	animation: service-menu-reveal 160ms cubic-bezier(.2, .75, .25, 1) both;
}

.mtp-alt-menu>li {
	padding: 0;
	position: relative;
	z-index: 2;
}

.mtp-alt-menu li:hover>.mtp-alt-menu-second,
.mtp-alt-menu li:focus-within>.mtp-alt-menu-second {
	display: block;
	animation: service-menu-submenu-reveal 150ms cubic-bezier(.2, .75, .25, 1) both;
}

.mtp-alt-menu-first {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	width: 100%;
	min-height: 42px;
	padding: 0 12px;
	margin-bottom: 0;
	border: 0;
	border-radius: 11px;
	background: var(--color-css-transparent);
	color: var(--color-text-ink);
	font: inherit;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.25;
	text-align: left;
	text-decoration: none;
	transition: background-color 140ms ease, color 140ms ease;
}

.mtp-alt-menu-first:hover,
.mtp-alt-menu>li:focus-within>.mtp-alt-menu-first {
	background: var(--color-surface-lilac-soft);
	color: var(--color-brand);
	text-decoration: none;
}

.mtp-alt-menu-first:focus-visible,
.mtp-alt-menu-second a:focus-visible {
	outline: 2px solid rgba(var(--color-brand-rgb), .58);
	outline-offset: -2px;
}

.mtp-alt-menu-first .mtp-alt-menu-text {
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
}

.mtp-alt-menu-first .mtp-alt-menu-text i {
	flex: 0 0 24px;
	width: 24px;
	font-size: 18px;
	text-align: center;
}

.mtp-alt-menu-second {
	display: none;
}

.mtp-alt-menu-second {
	position: absolute;
	top: -8px;
	left: calc(100% - 8px);
	right: auto;
	width: 264px;
	margin: 0;
	padding: 8px;
	background-color: var(--color-surface);
	border: 1px solid rgba(var(--color-brand-rgb), .12);
	border-radius: 16px;
	box-shadow: var(--shadow-service-submenu);
	z-index: 3;
}

.mtp-alt-menu>li:nth-child(n+11):hover .mtp-alt-menu-second,
.mtp-alt-menu>li:nth-child(n+11):focus-within .mtp-alt-menu-second {
	bottom: 0;
	top: auto
}

.mtp-alt-menu-first .fa-caret-right {
	margin-left: auto;
	font-size: 12px;
	opacity: .58;
	transition: opacity 140ms ease;
}

.mtp-alt-menu>li:hover .mtp-alt-menu-first .fa-caret-right,
.mtp-alt-menu>li:focus-within .mtp-alt-menu-first .fa-caret-right {
	opacity: 1;
}

.mtp-alt-menu-second li a {
	display: flex !important;
	align-items: center;
	gap: 10px;
	min-height: 40px;
	padding: 0 12px;
	color: var(--color-text-ink);
	font-size: 14px;
	font-weight: 550;
	line-height: 1.3;
	justify-content: flex-start;
	text-decoration: none;
	border-radius: 10px;
	transition: background-color 140ms ease, color 140ms ease;
}

.mtp-alt-menu-second>li {
	padding: 0;
}

.mtp-alt-menu-second>li:hover,
.mtp-alt-menu-second>li:focus-within {
	background: var(--color-css-transparent);
}

.mtp-alt-menu-second>li:hover a,
.mtp-alt-menu-second>li:focus-within a {
	background: var(--color-surface-lilac-soft);
	color: var(--color-brand);
	text-decoration: none;
}

.mtp-alt-menu-second li a>i {
	width: 17px;
	font-size: 16px;
	text-align: center;
}

.mtp-alt-menu-second-icon {
	display: grid;
	flex: 0 0 28px;
	width: 28px;
	height: 28px;
	place-items: center;
	border-radius: 8px;
	background: var(--color-surface-lilac-faint);
}

@keyframes service-menu-reveal {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes service-menu-submenu-reveal {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@media only screen and (min-width:992px) {
	.mtp-alt-menu {
		top: calc(100% + 6px);
		/* Keep the platform index naturally sized; only tighten its desktop rhythm. */
		padding: 6px;
		display: flex;
		flex-direction: column;
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		transform-origin: top left;
		will-change: opacity;
		transition: opacity 120ms ease, visibility 0s linear 120ms;
	}

	.mtp-alt-menu.show,
	.mtp-alt-menu.is-open {
		visibility: visible;
		opacity: 1;
		pointer-events: auto;
		animation: none;
		transition-delay: 0s;
	}

	.mtp-alt-menu-first {
		min-height: 40px;
		padding-inline: 11px;
	}

	.mtp-alt-menu-first .mtp-alt-menu-text {
		gap: 9px;
	}

	/* The 6px overlap remains the pointer bridge to the temporary hover flyout. */
	.mtp-alt-menu-second {
		top: -6px;
		left: calc(100% - 6px);
		width: 256px;
		padding: 6px;
	}

	.mtp-alt-menu-second li a {
		padding-inline: 11px;
	}
}

.fa-brands.fa-instagram,
.fa-facebook,
.fa-discord,
.fa-reddit,
.fa-soundcloud,
.fa-spotify,
.fa-twitch,
.fa-youtube,
.fa-discord,
.fa-vimeo,
.fa-telegram,
.fa-linkedin,
.fa-x-twitter,
.fa-quora,
.fa-snapchat,
.fa-linkedin,
.fa-discourse {
	-webkit-background-clip: text;
	background-clip: text
}

.mtp-platform-icon-kick {
	display: inline-block;
	width: 1em;
	height: 1em;
	line-height: 1;
	vertical-align: -.125em;
}

.mtp-platform-icon-kick::before {
	content: '' !important;
	display: block;
	width: 100%;
	height: 100%;
	background: currentColor;
	-webkit-mask: url('/images/kick.svg') center / contain no-repeat;
	mask: url('/images/kick.svg') center / contain no-repeat;
	/* The official Kick mark fills its square SVG viewBox; FA brand glyphs carry
	 * more built-in side bearing. Keep the allocated icon box unchanged and
	 * reduce only the mark's visual footprint for menu and card parity. */
	-webkit-mask-size: 72%;
	mask-size: 72%;
}

.mtp-alt-menu .mtp-platform-icon-kick {
	color: var(--platform-kick)
}

.mtp-alt-menu .fa-twitch {
	color: var(--platform-twitch-menu)
}

.mtp-alt-menu .fa-reddit {
	color: var(--platform-reddit-menu)
}

.mtp-alt-menu .fa-telegram {
	color: var(--platform-telegram-menu)
}

.mtp-alt-menu.fa-linkedin {
	color: var(--platform-linkedin-menu)
}

.mtp-alt-menu .fa-soundcloud {
	color: var(--platform-soundcloud-menu)
}

.mtp-alt-menu .fa-spotify {
	color: var(--platform-spotify-menu)
}

.mtp-alt-menu .fa-pinterest-p {
	color: var(--platform-pinterest);
}

.mtp-alt-menu .fa-x-twitter {
	color: var(--platform-twitter-menu)
}

.mtp-alt-menu .mtp-platform-icon-threads {
	display: inline-block;
	width: 1em;
	height: 1em;
	background-color: var(--platform-threads);
	-webkit-mask: url('/images/threads.svg') center / contain no-repeat;
	mask: url('/images/threads.svg') center / contain no-repeat;
}

.mtp-alt-menu .fa-facebook {
	color: var(--platform-facebook-menu)
}

.mtp-alt-menu .fa-youtube {
	color: var(--platform-youtube-menu)
}

.mtp-alt-menu .fa-snapchat {
	color: var(--platform-snapchat-menu)
}

.mtp-alt-menu .fa-tiktok {
	color: var(--platform-tiktok-black);
	text-shadow: 1px 1px var(--platform-tiktok-red-glow), -1px -1px var(--platform-tiktok-cyan)
}

.mtp-alt-menu .fa-discord {
	color: var(--platform-discord-menu)
}

.mtp-alt-menu .fa-brands.fa-instagram {
	background: none;
	color: var(--platform-instagram);
	-webkit-text-fill-color: currentColor;
}

.mtp-alt-menu .fa-brands.fa-instagram:before {
	background: var(--gradient-platform-instagram-text);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	color: var(--color-css-transparent);
}

.mtp-alt-menu .fa-linkedin {
	color: var(--platform-linkedin)
}

.mtp-alt-menu .fa-quora {
	color: var(--platform-quora)
}

.h-section h3 {
	font-size: 16px;
}

.h-section .bf-box {
	background: url(../images/shared-decorative-illustration-02.png), var(--color-surface);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	gap: 10px;
	border-radius: 15px;
	padding: 25px 25px 0 25px;
	box-shadow: var(--shadow-cool-elevated);
	border: 1px solid var(--color-border-light);
	position: relative;
	z-index: 2;
	overflow: hidden;
	margin-bottom: 25px;
	min-height: 265px;
}

.h-section .bf-box h3 {
	font-size: 16px;
	font-weight: 600;
	color: var(--color-decor-forest-muted)
}

.h-section .bf-box p {
	line-height: 18px;
	color: var(--color-text);
	min-height: 75px
}

:where(.services-faq .faq-item) .faq-head {
	display: flex;
	align-items: center;
	gap: 15px;
	background-color: var(--color-brand-soft);
	color: var(--color-text-strong);
	border-radius: 5px;
	padding: 13px 15px;
	cursor: pointer
}

.services-faq :where(.faq-item.active) .faq-head {
	border-radius: 5px 5px 0 0
}

:where(.services-faq .faq-item .faq-head) .faq-icon {
	width: 32px;
	height: 32px;
	background: var(--color-brand);
	border-radius: 100px;
	text-align: center;
	line-height: 32px;
	color: var(--color-text-inverse);
	flex-shrink: 0
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-instagram {
	background: var(--gradient-platform-instagram-radial)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-facebook {
	background: var(--platform-facebook-alt)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-tiktok {
	background: var(--color-surface-inverse)
}

:where(.services-faq .faq-item .faq-head .faq-icon) .fa-tiktok {
	text-shadow: 1px 1px var(--platform-tiktok-red-glow), -1px -1px var(--platform-tiktok-cyan);
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-youtube {
	background: var(--platform-youtube-red)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-twitter {
	background: var(--color-surface-inverse)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-spotify {
	background: var(--platform-spotify)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-discord {
	background: var(--platform-discord-legacy)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-kick {
	background: var(--platform-kick)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-twitch {
	background: var(--platform-twitch-legacy)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-linkedin {
	background: var(--platform-linkedin)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-quora {
	background: var(--platform-quora)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-snapchat {
	background: var(--platform-snapchat)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-soundcloud {
	background: var(--platform-soundcloud)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-telegram {
	background: var(--color-decor-blue-social)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-vimeo {
	background: var(--platform-vimeo-bright)
}

:where(.services-faq .faq-item .faq-head) .faq-icon.fi-onlyfans {
	background: var(--platform-onlyfans)
}

:where(.services-faq .faq-item .faq-head) .faq-arrow {
	margin-left: auto;
	color: var(--color-brand)
}

:where(.services-faq .faq-item) .faq-drop {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	width: 100%;
	gap: 7px
}

:where(.services-faq .faq-item .faq-drop) h4 {
	display: flex;
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	width: 100%
}

:where(.services-faq .faq-item .faq-drop h4) a {
	background: var(--color-surface-lilac-soft);
	color: var(--color-brand);
	text-align: center;
	padding: 5px;
	border-radius: 5px;
	width: 100%
}

:where(.services-faq .faq-item .faq-drop h4) a:hover {
	background: var(--color-surface-lilac-hover)
}

.ww-content h3 {
	font-size: 18px
}

.serv-navs {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 10px;
	padding: 0;
	list-style: none;
}

.serv-navs .serv-nav {
	padding: 5px;
}

.filter-wrapper {
	overflow: hidden;
	height: 0;
	transition: height 0.4s ease-out;
}

.filter-wrapper.show {
	height: auto;
}

.filter-hide,
.filter-hide:hover,
.filter-hide:focus {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-180);
	width: 32px;
	height: 32px;
	line-height: 32px;
	color: var(--color-text-inverse);
	border-radius: 7px
}

.footer-list,
.footer-drop {
	padding-left: 0
}

.footer-list li {
	list-style-type: none
}

.footer-list-item {
	position: relative;
	cursor: pointer;
	line-height: 1.5rem;
}

.footer-list-item span {
	text-decoration: none;
	display: block;
	font-size: 13px
}

.footer-drop {
	border-radius: 15px;
	display: none;
	position: absolute;
	top: 0px;
	left: 100%;
	color: var(--color-text);
	background-color: var(--color-accent-mint);
	min-width: max-content;
	max-height: 300px;
	overflow: auto;
	z-index: 9999;
}

@media (max-width: 991px) {
	.footer-drop {
		top: 100%;
		left: 0;
		right: auto;
	}
}

:where(.footer-list-item:hover) .footer-drop {
	display: block;
}

.footer-drop-item {
	width: 100%;
}

footer .footer-links .footer-drop-item>a {
	color: var(--color-brand);
	border-bottom: 1px solid var(--color-decor-forest-border);
	text-decoration: none;
	padding: 3px 7px;
	display: block;
	font-family: inherit;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.5rem;
}

.footer-drop-item:hover,
.footer-drop-item:focus-within {
	background-color: var(--color-brand);
}

footer .footer-links .footer-drop-item:hover>a,
footer .footer-links .footer-drop-item:focus-within>a {
	color: var(--color-text-inverse)
}

@-webkit-keyframes pulse-red {
	0% {
		box-shadow: 0 0 0 0 var(--color-glow-pulse-red-start)
	}

	70% {
		box-shadow: 0 0 0 10px var(--color-glow-pulse-red-end)
	}

	100% {
		box-shadow: 0 0 0 0 var(--color-glow-pulse-red-end)
	}
}

.page-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 5px;
	border-radius: 10px;
	background: var(--gradient-brand-275);
	margin-bottom: 10px;
	position: relative;
	padding: 24px;
	overflow: hidden;
	z-index: 10;
	width: 100%;
}

.page-box::before {
	content: '';
	width: 8px;
	height: 60%;
	background: var(--color-surface);
	border-radius: 0 5px 5px 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
}

.page-box::after {
	content: "";
	position: absolute;
	top: 95%;
	right: 20%;
	width: 60%;
	height: 50%;
	transform: translate(100%, 60%) scale(1);
	transition: .14s ease;
	background: linear-gradient(120deg, var(--color-action-bright) 0%, var(--color-action-bright-soft) 100%);
	border-radius: 100px;
	filter: blur(60px);
	z-index: 0;
}

.page-box img {
	position: absolute;
	right: 0;
	top: 10px;
	z-index: 1;
	opacity: .1;
}

.page-box h4 {
	display: flex;
	align-items: center;
	gap: 7px;
	margin-bottom: 0;
	font-size: 24px;
	color: var(--color-text-inverse)
}

.page-box p {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 0;
	padding-top: 5px;
	color: var(--color-text-inverse)
}

.page-box .page-text p {
	max-width: 725px
}

.page-box .page-text,
.page-box a {
	position: relative;
	z-index: 3
}

.checkbox input {
	display: none;
}

@-webkit-keyframes pulse-green {
	0% {
		box-shadow: 0 0 0 0 var(--color-glow-pulse-start)
	}

	70% {
		box-shadow: 0 0 0 10px var(--color-glow-pulse-end)
	}

	100% {
		box-shadow: 0 0 0 0 var(--color-glow-pulse-end)
	}
}

.ip-box {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid var(--color-brand-soft);
	padding: 7px 0;
}

.ip-box:last-child {
	border-bottom: none;
	padding: 5px 0 0 0;
}

.modal-header {
	display: flex;
	padding: 15px 25px;
	align-items: center;
	justify-content: start;
	gap: 14px;
	position: relative;
	border-bottom: 1px solid var(--color-brand-soft)
}

.modal-header .btn-line-icon {
	background: var(--color-surface-elevated);
	width: 32px;
	height: 32px;
	padding: 10px;
	line-height: 32px;
	color: var(--color-text);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	font-weight: 600;
	border-radius: 5px;
	margin-left: auto
}

.modal-content {
	background: var(--color-page);
}

.modal-body {
	overflow-y: auto;
}

.modal-content {
	max-height: calc(100vh - 60px);
	border-radius: 15px
}

.modal-footer {
	border-top: 1px solid var(--color-brand-soft)
}

.modal-title {
	color: var(--color-text);
	font-size: 18px;
	font-weight: 500;
	line-height: 26px;
	letter-spacing: -0.36px;
	margin: 0;
}

.modal-icon {
	width: 42px;
	height: 42px;
	border-radius: 10px;
	background-color: var(--color-brand-soft);
	color: var(--color-brand-strong);
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	font-size: 18px;
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 700px
	}
}

#switch {
	margin: 0 auto;
	position: relative;
	display: block;
	width: 60px;
	height: 25px;
	background: var(--gradient-gold-275);
	border-radius: 100px;
	cursor: pointer;
}

#circle {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	background: var(--color-surface);
	right: calc(100% - 5px - 1em);
	top: -2px;
	left: 0;
	transition: 0.6s ease;
	transition: 0.6s cubic-bezier(0.65, -0.05, 0.29, 1.2);
	background-clip: padding-box;
	z-index: 5;
	width: 30px;
	height: 30px;
	border-radius: 100px;
	text-align: center;
	line-height: 30px;
	color: var(--color-text-circle)
}

#toggle:checked+#switch #circle {
	left: 30px
}

#toggle:checked+#switch {
	background: var(--color-action-bright);
}

.spinner {
	width: 40px;
	height: 40px;
	border: 4px solid var(--color-border-neutral);
	border-top: 4px solid var(--color-action-bright);
	border-radius: 50%;
	animation: spin 1s linear infinite;
	margin-bottom: 10px;
}

@keyframes spin {
	to {
		transform: rotate(360deg);
	}
}

:where(.faq-menu .nav) .nav-link {
	background: var(--color-surface-elevated);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	gap: 10px;
	outline: none;
	border-radius: 10px;
	padding: 15px 25px;
	font-size: 14px;
	font-weight: 500;
	line-height: 160%;
	letter-spacing: -0.3px;
	white-space: nowrap;
	color: var(--color-text-faq-menu-link);
}

:where(.faq-menu .nav) .nav-link:hover {
	background: var(--color-brand-soft);
}

:where(.faq-menu .nav) .nav-link.active {
	background: var(--color-decor-gold-bright);
	color: var(--color-text-inverse);
}

:where(.faq-tabs-content .faq-wrapper) .faq-item {
	position: relative;
	cursor: pointer;
	background: var(--color-css-transparent);
	-webkit-transition: .2s ease;
	transition: .2s ease;
	background: var(--color-page);
	border: 1px solid var(--color-border-inverse-subtle);
	color: var(--color-text);
	border-radius: 10px;
	height: max-content;
	margin-bottom: 0;
}

:where(.faq-tabs-content .faq-wrapper .faq-item) .faq-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 400;
	color: var(--color-text);
	padding: 10px;
	margin-bottom: 0;
	line-height: 18px;
}

:where(.faq-tabs-content .faq-wrapper .faq-item .faq-head) h3 {
	font-size: 16px;
	font-weight: 400;
	color: var(--color-text);
	padding: 10px;
	margin-bottom: 0;
	line-height: 18px;
}

.faq-tabs-content :where(.faq-wrapper .faq-item.active .faq-head) h3 {
	color: var(--color-action-bright)
}

:where(.faq-tabs-content .faq-wrapper .faq-item) .faq-arrow {
	color: var(--color-text);
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}

.faq-tabs-content :where(.faq-wrapper .faq-item.active) .fa-angle-down {
	transform: rotate(180deg);
}

:where(.faq-tabs-content .faq-wrapper .faq-item) .faq-content {
	display: none;
	padding-top: 12px;
	background: var(--color-page);
	border-radius: 0 0 10px 10px;
	padding: 0 15px 10px 15px;
	color: var(--color-text);
	font-size: 13px;
}

.btn-light,
.btn-light:hover,
.btn-light:focus {
	--button-text: var(--color-text-ink-soft);
	--button-hover-text: var(--color-text-ink-soft);
	color: var(--button-text)
}

@media (min-width:991.98px) {
}

@media (max-width:991.98px) {

	.si-header .si-title {
		font-weight: 500;
		font-size: 14px;
	}

	.page-box {
		flex-direction: column;
		text-align: center;
		padding: 10px 20px
	}

	.page-box h4 {
		justify-content: center;
	}

	.serv-navs {
		display: flex;
		overflow: auto;
		gap: 0;
	}

	.header-menu .hm-item {
		flex-wrap: wrap;
		flex-direction: column;
	}

	.mtp-alt-menu>li {
		/* Keep the mobile platform index as compact as the desktop menu. */
		padding: 0
	}

	.mtp-alt-menu>li:hover {
		background: var(--color-css-transparent)
	}

	.mtp-alt-menu {
		position: relative;
		width: 100%;
		left: inherit;
		right: inherit;
		top: inherit;
		box-shadow: unset;
		min-width: 100%;
		padding: 6px
	}

	.mtp-alt-menu-first {
		min-height: 40px;
		padding-inline: 11px
	}

	.mtp-alt-menu-first .mtp-alt-menu-text {
		gap: 9px
	}

	.mtp-alt-menu-second {
		position: relative;
		inset: auto;
		transform: none;
		width: 100%;
	}

	.mtp-alt-menu-first .fa-caret-right {
		transform: translate(0) rotate(90deg)
	}

	.mtp-alt-menu-first .fa-caret-right.active {
		transform: translate(0) rotate(270deg)
	}

	.modal-title {
		font-size: 14px;
	}

	.modal-icon {
		display: none;
	}

	.pagination .page-item .page-link {
		height: 30px;
		min-width: 30px;
	}

	.pagination .page-item:first-child .page-link {
		border-top-left-radius: 5px;
		border-bottom-left-radius: 5px
	}

	.pagination .page-item:last-child .page-link {
		border-top-right-radius: 5px;
		border-bottom-right-radius: 5px
	}

	.page-box img {
		opacity: .08;
	}

	:where(.faq-tabs-content .faq-wrapper .faq-item .faq-head) h3 {
		font-size: 14px
	}
}

.aff-faq :where(.faq-tabs-content) .faq-wrapper {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 10px;
	margin-top: 0
}

.aff-faq :where(.faq-tabs-content .faq-wrapper) .faq-item {
	background: var(--color-surface-elevated);
	color: var(--color-text);
}

@media (max-width: 991.98px) {
}

@media (max-width: 991.98px) {
}

.timer-wrapper {
	position: relative;
	width: 100px;
	height: 100px;
	margin: 10px auto;
}

.timer-wrapper svg {
	transform: rotate(-90deg);
}

.timer-wrapper circle {
	fill: none;
	stroke-width: 8;
	stroke-linecap: round;
}

.timer-wrapper .bg {
	stroke: var(--section-timer-track-stroke);
}

.timer-wrapper .progress {
	stroke: var(--color-decor-forest);
	transition: stroke-dashoffset 1s linear;
}

.timer-wrapper .time-text {
	position: absolute;
	inset: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 22px;
	font-weight: bold;
	color: var(--color-decor-forest)
}

.mark,
mark {
	padding: .2em;
	background-color: var(--color-action-bright);
}

[data-hint] {
	position: relative
}

[data-hint]:hover {
	z-index: 1
}

[data-hint]:before {
	content: attr(data-hint);
	font-size: 13px !important;
	font-weight: 400 !important;
	text-align: center;
	position: absolute;
	width: max-content;
	max-width: 239px;
	bottom: calc(100% + 8px);
	left: 50%;
	transform: translateX(-50%);
	color: var(--color-text-ink);
	background-color: var(--color-surface);
	border: 1px solid var(--color-border);
	padding: 4px 15px;
	border-radius: 10px;
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transition: opacity .15s ease, visibility .15s ease;
	z-index: 99
}

[data-hint]:hover:before {
	opacity: 1;
	visibility: visible;
	bottom: calc(100% + 8px)
}

#product-start {
	position: relative;
	padding-top: 150px;
}

.mtp-margin {
	position: relative;
	margin: 75px 0
}

.mtp-margin .glow {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	width: 50%;
	height: 100px;
	background: var(--gradient-social-green-radial);
	border-radius: 100px;
	filter: blur(100px);
	opacity: .3;
	z-index: -1
}

.mtp-header {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	text-align: center;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.mtp-header h2 {
	font-family: var(--font-display);
	font-size: var(--type-size-heading-2);
	font-weight: var(--font-weight-bold);
	line-height: var(--type-leading-title);
	letter-spacing: var(--type-tracking-heading);
	color: var(--color-text-ink);
	margin-bottom: 0
}

.mtp-header h2 span {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-legacy-163);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative;
}

.mtp-header h2 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 4px;
	background-color: var(--color-success-bright);
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: 0.15;
	z-index: -1
}

.mtp-header h3 {
	font-family: var(--font-display);
	font-size: var(--type-size-section-title);
	font-weight: var(--font-weight-semibold);
	line-height: var(--type-leading-title);
	letter-spacing: var(--type-tracking-heading);
	color: var(--color-text-ink);
	margin-bottom: 0
}

.mtp-header h3 span {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-legacy-163);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 600;
	position: relative;
}

.mtp-header h3 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 4px;
	background-color: var(--color-success-bright);
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: 0.15;
	z-index: -1
}

.insta-pages .mtp-header h3 span {
	background: var(--gradient-platform-instagram-text);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 600;
	position: relative;
}

.insta-pages .mtp-header h3 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 4px;
	background: var(--gradient-platform-instagram-text);
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: 0.15;
	z-index: -1
}

.mtp-header p {
	font-size: var(--type-size-body);
	line-height: var(--type-leading-lead);
	margin-bottom: 0;
	color: var(--color-text-muted-neutral);
	max-width: 850px;
	white-space: pre-line;
}

.mtp-header img {
	max-height: 52px
}

.mtp-top {
	overflow: hidden;
	position: relative;
}

.mtp-top-header {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	gap: 35px;
	position: relative;
	z-index: 2;
}

.mtp-top-header h1 {
	font-family: var(--font-display);
	color: var(--color-text-ink);
	font-size: var(--type-size-display);
	font-weight: var(--font-weight-bold);
	line-height: var(--type-leading-tight);
	letter-spacing: var(--type-tracking-display);
	position: relative;
	margin-bottom: 0;
	text-align: center;
	max-width: 1040px;
}

.mtp-top-header h1 span {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-legacy-163);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative;
}

.mtp-top-header h1 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 4px;
	background-color: var(--color-success-bright);
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: 0.15;
	z-index: -1;
}

.mtp-top-header p {
	font-size: var(--type-size-body);
	line-height: var(--type-leading-lead);
	color: var(--color-text-ink);
	max-width: 950px;
	margin-bottom: 0;
	text-align: center;
	white-space: pre-line;
}

.mtp-top .container {
	position: relative
}

.mtp-top-images {
	gap: 30px;
	position: absolute;
	top: 28px;
	right: calc(650px - 50vw);
	bottom: auto;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	width: min(36vw, 470px);
	max-width: 470px;
	opacity: .26;
	z-index: 1;
	pointer-events: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
}

.mtp-top-images img {
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
}

.mtp-top-images .img-fluid {
	display: block;
	width: 100%;
	max-height: min(760px, 72vh);
	object-fit: contain;
	object-position: right top;
}

.message-card {
	border-radius: 12px;
	outline: 1px solid var(--color-border);
	outline-offset: 5px;
	padding: 8px;
	background-color: var(--color-surface);
	box-shadow: 0px 21.377px 42.754px 0px var(--shadow-message-card-color);
	pointer-events: none;
	user-select: none;
	opacity: .4
}

.message-card {
	position: absolute;
	top: 100px;
	left: 40%;
	z-index: 15;
	transform: translateX(-570px);
	display: flex;
	align-items: center;
	gap: 10px;
}

.message-card .avatar {
	width: 38px;
	height: 38px;
	border-radius: 8px;
}

.message-card .avatar img {
	width: 100%;
	height: 100%;
	border-radius: 8px;
}

.message-card .text {
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: -0.325px;
	padding-right: 10px;
	color: var(--color-text-ink)
}

.mtp-top-features {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 100px;
	row-gap: 10px;
	padding-left: 0
}

.mtp-top-features li {
	list-style: none
}

.mtp-top-features .mtp-top-features-item .title {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	font-weight: 500;
	position: relative;
	width: max-content;
	margin: auto
}

.mtp-top-features .mtp-top-features-item .title p {
	/* Neutralize the global paragraph bottom margin so the icon follows the
	 * actual text line rather than the paragraph's invisible trailing space. */
	margin-bottom: 0;
}

.mtp-top-features .mtp-top-features-item .title span {
	position: absolute;
	right: -15px;
	top: 0;
	font-size: 10px;
	cursor: pointer
}

.mtp-top-features .mtp-top-features-item .title span svg {
	color: var(--color-text-top-feature-icon)
}

/* Buy pages render the shared trust/action band after the title wrapper.
 * Mirror the homepage header's vertical flex rhythm so the two sections
 * retain the same breathing room instead of visually collapsing together. */
.buy-service-home-hero-footer {
	display: flex;
	align-items: center;
	flex-direction: column;
	gap: 35px;
	position: relative;
	z-index: 2;
	margin-top: 35px;
	padding-bottom: 35px;
}

.mtp-top .home-seperator {
	background: var(--gradient-social-green-radial);
	-webkit-filter: blur(125px);
	filter: blur(125px);
	height: 220px;
	position: absolute;
	/* Shared source: anchor the glow to the Hero floor so it diffuses upward. */
	bottom: 0;
	margin-top: 0;
	opacity: .45;
	width: -webkit-fill-available;
	z-index: -1;
}

.mtp-now {
	display: flex;
	align-items: center;
	gap: 35px;
	border-radius: 10px;
	outline: 1px solid var(--color-border);
	outline-offset: 5px;
	padding: 8px;
	background-color: var(--color-surface);
	box-shadow: 0px 21.377px 42.754px 0px var(--shadow-message-card-color);
}

.mtp-now .mtp-now-left {
	display: flex;
	align-items: center;
	gap: 10px
}

.mtp-now .mtp-now-img {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
}

.mtp-now .mtp-now-img .panel {
	position: relative
}

.mtp-now .mtp-now-img img {
	width: 45px;
	height: 45px;
	border-radius: 50%;
	border: 3px solid var(--color-border-inverse)
}

.mtp-now .mtp-now-img img:not(:first-child) {
	margin-left: -30px;
}

.mtp-now .mtp-now-text {
	font-size: 16px;
	font-weight: 500;
	color: var(--color-text-ink)
}

.mtp-now .mtp-now-btn :is(button, .btn) {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	text-decoration: none
}

.mtp-now .mtp-now-btn :is(button, .btn):before {
	content: '';
	position: absolute;
	left: -20%;
	top: -10%;
	width: 0;
	height: 100%;
	transform: rotate(15deg) scale(1, 2);
	box-shadow: 0 0 30px 15px var(--shadow-now-button-glow);
	animation: button-glow 2000ms ease-in-out infinite;
}

.mtp-team .mtp-now {
	width: max-content;
	margin: 50px auto 0 auto;
	background-color: var(--color-surface-blue-faint)
}

.mtp-team .mtp-now .panel .support-dot {
	position: absolute;
	background: var(--color-success-emerald);
	width: 8px;
	height: 8px;
	border-radius: 100%;
	right: 5px;
	top: 5px;
	z-index: 1;
	-webkit-animation: pulse-green 2s infinite;
	animation: pulse-green 2s infinite;
	display: inline-block;
}

@-webkit-keyframes pulse-green {
	0% {
		transform: scale(.65);
		box-shadow: 0 0 0 0 var(--color-glow-pulse-start)
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 10px var(--color-glow-pulse-end)
	}

	100% {
		transform: scale(.65);
		box-shadow: 0 0 0 0 var(--color-glow-pulse-end)
	}
}

.mtp-tabs-menu {
	display: flex;
	align-items: center;
	gap: 15px;
	border-radius: 20px;
	border: 1px solid var(--color-border);
	padding: 10px;
	background-color: var(--color-surface-blue-faint);
	position: relative;
	z-index: 6
}

.mtp-tabs-menu .nav {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	gap: 10px;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	scrollbar-width: thin;
	scrollbar-color: var(--color-border) transparent;
	cursor: grab
}

.mtp-tabs-menu .nav:active {
	cursor: grabbing;
}

.mtp-tabs-menu .nav::-webkit-scrollbar {
	height: 5px;
}

.mtp-tabs-menu .nav::-webkit-scrollbar-track {
	background: var(--color-css-transparent);
	border-radius: 10px;
}

.mtp-tabs-menu .nav::-webkit-scrollbar-thumb {
	background: var(--tabs-scrollbar-thumb-bg);
	border-radius: 10px;
}

.mtp-tabs-menu .nav .nav-item {
	width: 100%
}

.mtp-tabs-menu .nav .nav-link {
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	gap: 10px;
	outline: none;
	border-radius: 15px;
	padding: 10px 25px;
	font-size: 16px;
	font-weight: 500;
	line-height: 160%;
	letter-spacing: -0.3px;
	white-space: nowrap;
	width: 100%;
}

.mtp-tabs-menu .nav .nav-link.active {
	background: var(--color-text-ink);
	color: var(--color-text-inverse)
}

.mtp-tabs-menu .nav .nav-link:not(.active):hover {
	background: var(--tabs-hover-bg)
}

.mtp-tabs-menu.platform-menu {
	display: flex;
	align-items: center;
	gap: 15px;
	border: none;
	padding: 10px 10px 0 0;
	background-color: var(--color-css-transparent);
	border-radius: 0;
	position: relative;
	z-index: 6
}

.mtp-tabs-menu.platform-menu .nav .nav-link {
	position: relative;
	border-bottom: 3px solid var(--color-border);
	border-radius: 0;
	font-size: 15px
}

.mtp-tabs-menu.platform-menu .nav {
	padding-bottom: 5px;
	gap: 0
}

.mtp-tabs-menu.platform-menu .nav .nav-link.active {
	background: var(--color-css-transparent);
	border-radius: 0;
	color: var(--color-text-ink)
}

.mtp-tabs-menu.platform-menu .nav .nav-link.active:after {
	content: '';
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 3px;
	background: var(--color-decor-orange-red);
}

.mtp-customer .mtp-srv-content .mtp-tabs-menu.platform-menu .nav .nav-item .nav-link:not(.active):hover,
.mtp-customer .mtp-srv-content .mtp-tabs-menu.platform-menu .nav .nav-item .nav-link:not(.active):focus-visible {
	background: var(--color-css-transparent);
	border-radius: 0;
	color: var(--color-text-ink)
}

.mtp-tabs-menu.platform-menu .nav .nav-link:not(.active):hover:after {
	content: '';
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 100%;
	height: 3px;
	background: var(--color-decor-orange-red);
}

.review-container {
	display: flex;
	flex-direction: column;
	gap: 15px;
	margin-top: 15px
}

:where(.review-container .review-score) .rs-stars {
	display: flex;
	align-items: center;
	gap: 5px
}

:where(.review-container .review-score) strong {
	font-size: 20px;
	font-weight: 600;
	color: var(--color-text-ink)
}

:where(.review-container .review-score) small {
	font-size: 14px;
	font-weight: 400;
	color: var(--color-text-review-score-muted)
}

:where(.review-container .review-score) .btn {
	font-size: 15px;
	font-weight: 400;
	border-radius: 20px;
	background: var(--color-decor-orange-red)
}

:where(.review-container .review-score) .btn:hover,
:where(.review-container .review-score) .btn:focus {
	background: var(--review-score-button-hover-bg)
}

.review-container .mtp-review-item {
	display: flex;
	flex-direction: column;
	flex: 0 0 calc(50% - 10px);
	background: var(--color-surface);
	border-radius: 20px;
	border: 1px solid var(--color-border);
	padding: 15px 20px;
	position: relative;
	height: 100%;
	overflow: hidden
}

.review-container .mtp-review-item:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 100px;
	background: radial-gradient(circle at 30% 107%, var(--color-border) 0%, var(--color-border) 5%, var(--color-border) 45%, var(--color-border) 60%, var(--color-border) 90%);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

:where(.review-container .mtp-review-item) .content {
	display: flex;
	flex-direction: column;
	gap: 7px;
	margin-bottom: 0;
	position: relative;
	z-index: 2
}

:where(.review-container .mtp-review-item) .user {
	display: flex;
	align-items: center;
	flex-shrink: 0;
	gap: 7px;
	margin-top: 22px;
	position: relative;
	z-index: 2
}

:where(.review-container .mtp-review-item .user) .user-sign {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 42px;
	height: 42px;
	background: var(--color-surface-cool-faint);
	color: var(--color-text-review-user-sign);
	font-size: 18px;
	font-weight: 600;
	border-radius: 100%
}

:where(.review-container .mtp-review-item .user) .user-name {
	display: flex;
	flex-direction: column;
	gap: 0
}

:where(.review-container .mtp-review-item .user) span {
	font-size: 16px;
	font-weight: 600;
	color: var(--color-text-ink)
}

:where(.review-container .mtp-review-item .user span) img {
	height: 15px;
	margin-top: -3px
}

:where(.review-container .mtp-review-item .user) date {
	font-size: 12px;
	font-weight: 400;
	color: var(--color-text-muted-neutral)
}

.review-container .mtp-review-item strong {
	font-size: 18px;
	font-weight: 500;
	color: var(--color-text-ink)
}

.review-container .mtp-review-item p {
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: var(--color-text-ink-soft);
	line-height: 1.65;
	margin: 0;
	overflow: visible;
	padding-left: 0;
	text-align: left;
	text-indent: 0
}

.videos-swiper {
	margin-top: 25px
}

.mtp-videos-item {
	background: var(--color-brand);
	background-size: 32px 32px;
	border-radius: 24px;
	color: var(--color-text-inverse);
	cursor: default;
	display: flex;
	flex-shrink: 0;
	font-weight: 500;
	letter-spacing: -.01em;
	line-height: 28px;
	min-height: 450px;
	overflow: hidden;
	padding: 74px 16px 16px;
	position: relative;
}

.mtp-videos-item.brown {
	background: var(--color-accent-warm)
}

.mtp-videos-item:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 30px;
	background: url(../images/shared-decorative-illustration-30.webp);
	background-size: contain;
	opacity: 0.1;
	z-index: 1;
}

.mtp-videos-space {
	display: flex;
	flex-direction: column;
	min-height: 350px;
	padding: 14px 16px 0px;
	box-sizing: border-box;
}

.mtp-videos-rating {
	background: var(--color-surface);
	display: flex;
	align-items: center;
	gap: 5px;
	height: 24px;
	position: absolute;
	left: 15px;
	top: 12px;
	vertical-align: top;
	color: var(--color-text-ink);
	font-weight: 600;
	padding: 5px 10px 5px 0;
	border-radius: 5px;
	z-index: 11
}

.mtp-videos-content {
	flex: 1 1 auto;
}

:where(#customerreview) .mtp-videos-content {
	flex: 0 0 auto;
}

:where(#customerreview) .mtp-videos-space {
	min-height: 0;
}

:where(#customerreview) .mtp-videos-item {
	min-height: 0;
}

:where(#customerreview) .mtp-videos-item .mtp-videos-user {
	margin-top: 24px;
}

:where(#customerreview) .mtp-videos-item p {
	display: block;
	overflow: visible;
}

.mtp-videos-date {
	display: flex;
	align-items: center;
	gap: 5px;
	height: 24px;
	position: absolute;
	right: 15px;
	top: 8px;
	vertical-align: top;
	color: var(--color-text-inverse);
	font-size: 13px;
	font-weight: 400;
	padding: 5px 10px 5px 0;
	border-radius: 5px;
	z-index: 11
}

.mtp-videos-item .title {
	color: inherit;
	font-size: 26px;
	letter-spacing: -.04em;
	line-height: 32px;
	margin-bottom: 16px;
	font-weight: 700
}

.mtp-videos-item p {
	font-size: 15px;
	padding-top: 10px
}

.mtp-videos-item p:last-of-type {
	margin-bottom: 0;
}

.mtp-videos-item div span {
	font-size: 16px
}

.mtp-videos-user {
	display: flex;
	flex-direction: row;
	line-height: 24px;
	position: relative;
	z-index: 12;
	margin-top: auto;
	font-weight: 700
}

.mtp-videos-user img {
	border-radius: 50%;
	display: block;
	flex-shrink: 0;
	height: 48px;
	margin-right: 13px;
	outline: 3px solid var(--color-border-video-avatar);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 48px;
}

.mtp-videos-user cite {
	display: block;
	font-style: normal;
	font-weight: 500;
	opacity: .8;
}

.mtp-videos-video {
	bottom: 0;
	left: 0;
	margin: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 10;
}

.mtp-videos-play {
	background: var(--section-video-play-bg) url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDAiIGhlaWdodD0iNDIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTMuNjIzIDQyQzEuNjUxIDQyIC4zMzYgNDAuNTc0LjMzNiAzOC4zNDRWMy42NTZDLjMzNiAxLjQyNiAxLjY1IDAgMy42MjMgMGMxLjA2OSAwIDEuOTQ1LjM2MyAzLjA2OC45NmwzMC4zMjYgMTYuNjE4YzIuMTkxIDEuMTkyIDIuOTg2IDIuMDQ4IDIuOTg2IDMuNDIycy0uNzk1IDIuMjMtMi45ODYgMy40MjJMNi42OSA0MS4wNDFjLTEuMTIzLjU5Ni0yIC45NTktMy4wNjguOTU5WiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) no-repeat 50%;
	background-size: 39px auto;
	bottom: 0;
	cursor: pointer;
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: background-color .3s ease;
	z-index: 3;
}

.mtp-videos-video img {
	display: block;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: center;
	object-position: center;
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 100%;
	z-index: 1;
}

.slider-controls {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: auto;
	text-align: center
}

.slider-controls {
	position: relative;
	z-index: 12;
}

.slider-controls .slide-pagination {
	text-align: center;
	margin-top: 25px;
}

.slider-controls .slide-pagination .swiper-pagination-bullet {
	width: 13px;
	height: 10px;
	display: inline-block;
	background: var(--color-action-bright);
	opacity: 0.2;
	margin: 0 5px;
	border-radius: 20px;
	transition: opacity 0.5s, background-color 0.5s, width 0.5s;
	transition-delay: 0.5s, 0.5s, 0s;
}

.slider-controls .swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.slider-controls .slide-pagination .swiper-pagination-bullet-active {
	opacity: 1;
	background: var(--color-action-bright);
	width: 100px;
	transition-delay: 0s;
}

.readmoreBtn {
	cursor: pointer
}

.mtp-case {
	background-color: var(--color-surface-green-soft);
	position: relative;
	overflow: hidden
}

.mtp-case .mtp-case-bg svg:nth-child(1) {
	position: absolute;
	left: 5%;
}

.mtp-case .mtp-case-bg svg:nth-child(2) {
	position: absolute;
	right: 5%;
}

.case-box-container {
	position: relative;
	overflow: hidden;
}

.case-box-container .timeline-swiper {
	padding: 50px 0 25px 0;
	overflow: unset !important;
}

.case-box-container .case-box {
	display: flex;
	justify-content: center;
	text-align: center;
	position: relative;
	padding: 25px;
	transition: 250ms ease-in-out;
	opacity: .5;
}

.case-box-container .swiper-slide.case-box:first-child:before {
	left: 50% !important;
}

.case-box-container .swiper-slide.case-box:last-child:before {
	right: 50% !important;
}

.case-box-container .case-box:after,
.case-box-container .case-box:before {
	content: "";
	position: absolute;
	display: block;
	transition: 250ms ease-in-out;
	background: var(--color-brand)
}

.case-box-container .case-box:before {
	top: 0;
	right: 0;
	left: 0;
	width: auto;
	height: 1px;
	opacity: .15
}

.case-box-container .case-box:after {
	top: -10px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	transform: scale(.5);
	transition: transform .25s;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.case-box-container .swiper-slide.swiper-slide-active.case-box {
	opacity: 1
}

.case-box-container .swiper-slide.swiper-slide-active.case-box:after {
	transform: scale(1);
	background: var(--color-action-bright);
}

.case-box-container .swiper-slide.swiper-slide-active.case-box .text strong {
	color: var(--color-action-bright)
}

.case-box-container .case-box .text strong {
	font-size: 42px;
	font-weight: 700;
	color: var(--color-text-ink)
}

.case-box-container .case-box .text p {
	font-size: 16px;
	color: var(--color-text-ink);
	margin-bottom: 0
}

.case-box-container .casetip {
	position: absolute;
	cursor: pointer;
	right: 0;
	bottom: 0;
	left: 0;
	/* FA 7 gives every icon a fixed width; reset it so the tooltip trigger spans
	   the stat card and its glyph follows the card's centered text alignment. */
	width: auto;
	font-size: 20px;
	color: var(--color-action-bright)
}

.casetip-text {
	visibility: hidden;
	width: 250px;
	background: var(--color-surface);
	border: 1px solid var(--color-border);
	color: var(--color-text);
	font-size: 13px;
	font-weight: 400;
	text-align: center;
	padding: 10px 15px;
	border-radius: 6px;
	position: absolute;
	z-index: 1;
	bottom: 15%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.3s;
}

.casetip:hover+.casetip-text {
	visibility: visible;
	opacity: 1;
}

.cost-factors-component {
	max-width: 1400px;
	width: 100%;
	background: var(--color-surface);
	border-radius: 20px;
	border: 1px solid var(--color-border-green-soft);
	padding: 35px;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
}

.cost-factors-component:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 75px;
	background: var(--gradient-social-green-radial);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

.cost-factors-component .main-content {
	display: flex;
	gap: 30px;
}

.cost-factors-component .image-placeholder {
	flex: 1;
	position: sticky;
	top: 60px;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 1 / 1;
	border-radius: 18px;
	max-width: 480px;
	max-height: 480px;
	margin: 0 auto;
}

.cost-factors-component .feature-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}

.cost-factors-component .feature-accordion {
	flex: 1.2;
	display: flex;
	flex-direction: column;
	gap: 5px;
	overflow: auto;
	max-height: 450px;
	padding: 0 10px 0 0
}

:where(.cost-factors-component) .accordion-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease-out, margin-top 0.5s ease-out;
}

:where(.cost-factors-component .accordion-item.active) .accordion-content {
	max-height: max-content;
	margin-top: 8px;
}

:where(.cost-factors-component .accordion-item) .accordion-header {
	display: flex;
	flex-direction: column;
	gap: 5px;
	background: var(--color-surface-cool-faint);
	border: 1px solid var(--color-border-cost-factor-header);
	padding: 15px 10px;
	border-radius: 8px;
	cursor: pointer;
	position: relative;
}

:where(.cost-factors-component .accordion-item) .accordion-header:before {
	content: '';
	width: 4px;
	height: 60%;
	background: var(--color-action-bright);
	border-radius: 0 5px 5px 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
}

.cost-factors-component .accordion-item .accordion-header span {
	width: 24px;
	height: 24px;
	display: inline-block;
	background: var(--color-surface);
	text-align: center;
	border-radius: 100%;
	color: var(--color-text);
	line-height: 24px;
	font-size: 16px;
	font-weight: 500
}

.cost-factors-component .accordion-item .accordion-header h3,
.cost-factors-component .accordion-item .accordion-header h4,
.cost-factors-component .accordion-item .accordion-header small {
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 0;
	color: var(--color-text-ink)
}

.cost-factors-component .accordion-item .accordion-content p {
	font-size: 14px;
	margin-bottom: 0;
	color: var(--color-text-ink);
	padding: 0 10px 5px 10px;
	margin-bottom: 0.7rem;
	white-space: pre-line;
}

.details-area {
	display: flex;
	flex-direction: column;
	gap: 5px;
	margin: 25px 0 0 0
}

.details-area details {
	display: flex;
	flex-direction: column;
	border-radius: 15px;
	border: 1px solid var(--color-border);
	padding: 5px 0;
	background-color: var(--color-surface-blue-faint);
}

.details-area details summary {
	cursor: pointer;
	list-style: none;
	position: relative
}

.details-area details summary h2,
.details-area details summary h3 {
	font-size: 18px;
	color: var(--color-text-ink);
	margin-bottom: 0
}

.details-area details summary h3 {
	font-size: 15px;
}

.details-area details p {
	padding: 15px;
	margin-bottom: 0;
	border: none
}

.details-area details[open] summary h2,
.details-area details[open] summary h3 {
	color: var(--color-action-bright)
}

.details-area details summary:before {
	content: '';
	width: 5px;
	height: 60%;
	background: var(--color-action-bright);
	border-radius: 0 5px 5px 0;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	margin-top: auto;
	margin-bottom: auto;
}

.details-area details>div {
	font-size: 14px;
	color: var(--color-text-ink);
	padding: 0 10px 10px 10px
}

.details-area details summary:after {
	content: "\f13a";
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	float: right;
}

.details-area details[open] summary:after {
	content: "\f139";
}

:where(.mtp-best) .best-packages {
	display: flex;
	align-items: stretch;
	gap: 15px;
	margin-top: 35px
}

:where(.mtp-best .best-packages)>div {
	flex: 1;
}

:where(.mtp-best .best-packages) .best-package-card {
	display: flex;
	flex-direction: column;
	background-color: var(--color-text-ink);
	text-align: left;
	background-image: url("data:image/svg+xml;utf8,<svg width='454' height='391' viewBox='0 0 454 391' fill='none' xmlns='http://www.w3.org/2000/svg'><path opacity='0.11' d='M0 297L257.5 0H429.5L454 52V390.5H0V297Z' fill='url(%23paint0_linear_4195_76)'/><defs><linearGradient id='paint0_linear_4195_76' x1='64.9999' y1='61.5001' x2='201.5' y2='208.5' gradientUnits='userSpaceOnUse'><stop stop-color='white'/><stop offset='1' stop-color='white' stop-opacity='0'/></linearGradient></defs></svg>");
	background-position: 100% 0;
	background-repeat: no-repeat;
	background-size: auto;
	border-radius: 15px;
	height: 100%;
	line-height: 24px;
	padding: 25px;
	position: relative;
	width: 100%;
	transition: .5s all;
	cursor: pointer
}

:where(.mtp-best .best-packages .best-package-card):hover {
	transform: translateY(-1rem);
	transition: .5s all
}

:where(.mtp-best .best-packages .best-package-card):before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 30px;
	background: url(../images/shared-decorative-illustration-03.webp);
	background-size: contain;
	opacity: 0.02;
}

:where(.mtp-best .best-packages .best-package-card):after {
	content: "\f007";
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	position: absolute;
	top: 25px;
	right: -35px;
	font-size: 124px;
	color: var(--color-surface-translucent-15);
	transform: rotate(-25deg);
}

:where(.mtp-best .best-packages .best-package-card-likes):after {
	content: "\f004";
}

:where(.mtp-best .best-packages .best-package-card-views):after {
	content: "\f06e";
}

:where(.mtp-best .best-packages .best-package-card) .item-top {
	display: flex;
	flex-direction: column;
	gap: 5px;
	font-size: 16px;
	font-weight: 500;
	line-height: 32px;
	color: var(--color-action-bright);
	border-bottom: 1px solid var(--color-border-package-top);
	padding-bottom: 15px
}

:where(.mtp-best .best-packages .best-package-card) .item-top small {
	font-size: 14px;
	color: var(--color-text-package-top-muted)
}

:where(.mtp-best .best-packages .best-package-card) .item-top em {
	font-size: 46px;
	font-style: normal;
	font-weight: 600;
	color: var(--color-text-inverse)
}

:where(.mtp-best .best-packages .best-package-card) .btn-primary,
:where(.mtp-best .best-packages .best-package-card) .btn-primary:focus {
	--button-text: var(--color-brand);
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--color-surface);
	font-weight: 600;
	color: var(--button-text);
	padding: 10px;
	text-transform: uppercase
}

:where(.mtp-best .best-packages .best-package-card) .btn-primary:hover {
	color: var(--color-text-inverse);
	opacity: .8
}

:where(.mtp-best .best-packages .best-package-card .btn-primary) i {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--button-best-icon-bg);
	border-radius: 100%
}

:where(.mtp-best .best-packages .best-package-card) .item-center {
	font-size: 15px;
	line-height: 32px;
	padding: 15px 0;
	color: var(--color-text-inverse)
}

:where(.mtp-best .best-packages .best-package-card .item-center) ul {
	margin-bottom: 0;
	padding-left: 0
}

:where(.mtp-best .best-packages .best-package-card .item-center) ul li {
	font-size: 16px;
	list-style: none
}

:where(.mtp-best .best-packages .best-package-card .item-center) ul li i {
	color: var(--color-decor-mint-glow);
}

:where(.mtp-best .best-packages .best-package-card .item-bottom) .m-rating {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	margin-top: 10px
}

:where(.mtp-best .best-packages .best-package-card .item-bottom .m-rating) p {
	margin-bottom: 0;
	color: var(--color-text-inverse);
	font-size: 13px
}


.mtp-tiktok .mtp-header h2 span {
	text-shadow: 1px 1px var(--platform-tiktok-red-glow), -1px -1px var(--platform-tiktok-cyan);
	color: var(--platform-tiktok-black)
}

.mtp-tiktok .mtp-header h2 span:before {
	background-color: var(--platform-tiktok-red-glow);
}

.mtp-youtube .mtp-header h2 span {
	-webkit-background-clip: unset;
	-webkit-text-fill-color: unset;
	background: var(--color-css-transparent);
	color: var(--platform-youtube)
}

.mtp-youtube .mtp-header h2 span:before {
	background-color: var(--platform-youtube);
}

.mtp-facebook .mtp-header h2 span {
	-webkit-background-clip: unset;
	-webkit-text-fill-color: unset;
	background: var(--color-css-transparent);
	color: var(--platform-facebook)
}

.mtp-facebook .mtp-header h2 span:before {
	background-color: var(--platform-facebook);
}

.mtp-instagram .mtp-header h3 span {
	background: var(--gradient-platform-instagram-text);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
}

.mtp-instagram .mtp-header h3 span:before {
	background: var(--gradient-platform-instagram-text);
}

.mtp-instagram .mtp-header h2 span {
	background: var(--gradient-platform-instagram-text);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
}

.mtp-instagram .mtp-header h2 span:before {
	background: var(--gradient-platform-instagram-text);
}

.mtp-services-wrapper {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	gap: 25px;
	margin-top: 35px
}

.mtp-srv-content {
	max-width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.mtp-srv-menu {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	border-radius: 20px;
	border: 1px solid var(--color-border);
	padding: 10px;
	background-color: var(--color-surface-blue-faint);
	margin: auto;
	max-width: 100%
}

.mtp-srv-menu .nav {
	position: relative;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
}

.mtp-srv-menu .nav:active {
	cursor: grabbing;
}

.mtp-srv-menu .nav::-webkit-scrollbar {
	height: 5px;
}

.mtp-srv-menu .nav::-webkit-scrollbar-track {
	background: var(--color-css-transparent);
	border-radius: 10px;
}

.mtp-srv-menu .nav::-webkit-scrollbar-thumb {
	background: var(--tabs-scrollbar-thumb-bg);
	border-radius: 10px;
}

.mtp-srv-menu .nav .nav-item {
	width: 100%
}

.mtp-srv-menu .nav .nav-link {
	display: flex;
	justify-content: center;
	text-decoration: none;
	gap: 10px;
	outline: none;
	border-radius: 15px;
	padding: 10px 25px;
	font-size: 14px;
	font-weight: 500;
	line-height: 160%;
	letter-spacing: -0.3px;
	white-space: nowrap;
	width: 100%;
}

.mtp-srv-menu .nav .nav-link.active {
	background: var(--color-text-ink);
	color: var(--color-text-inverse) !important
}

.mtp-srv-menu .nav .nav-link:not(.active):hover {
	background: var(--tabs-hover-bg)
}

.mtp-srv-content .tab-pane h3 {
	position: relative;
	font-size: 20px;
	color: var(--color-text-ink);
	padding-left: 10px;
	text-align: center;
}

.mtp-srv-content .tab-pane h3:before {
	content: "";
	position: absolute;
	bottom: -5px;
	height: 3px;
	width: 100px;
	border-radius: 30px;
	background: var(--color-action-bright);
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.mtp-srv-content .tab-pane p {
	font-size: 14px;
	color: var(--color-text-muted-neutral);
	text-align: center;
	max-width: 750px;
	margin: 5px auto 25px auto
}

.mtp-customer .mtp-srv-content .tab-pane p {
	text-align: left;
	color: var(--color-text-inverse)
}

:where(.mtp-customer .mtp-srv-content .tab-pane) .review-container .mtp-review-item .content p {
	color: var(--color-text-ink-soft);
	margin: 0;
	max-width: none;
	text-align: left;
}

:where(.mtp-srv-content) .package-item {
	--service-package-action-bg: var(--color-text-ink);
	--service-package-action-border: var(--color-text-ink);
	--service-package-action-hover-bg: var(--color-action-bright);
	--service-package-action-hover-border: var(--color-action-bright);
	position: relative;
	padding: 15px;
	background: var(--color-surface);
	border-radius: 15px;
	border: 1px solid var(--color-border);
	transition: all .3s ease;
	cursor: pointer;
	min-width: 200px;
	overflow: hidden
}

:where(.mtp-srv-content .package-item):hover {
	--service-package-action-bg: var(--service-package-action-hover-bg);
	--service-package-action-border: var(--service-package-action-hover-border);
	border: 1px solid var(--color-action-bright);
	transition: all .3s ease
}

:where(.mtp-srv-content .package-item:hover) .btn-primary {
	transition: all .3s ease
}

:where(.mtp-instagram .mtp-srv-content) .package-item.package-best {
	--service-package-action-bg: var(--gradient-platform-instagram-action);
	--service-package-action-border: var(--platform-instagram-pink);
	--service-package-action-hover-bg: var(--gradient-platform-instagram-action);
	--service-package-action-hover-border: var(--platform-instagram-pink);
	--service-package-glow-bg: var(--gradient-platform-instagram-radial);
	border: 1px solid var(--platform-instagram-pink);
}

:where(.mtp-tiktok .mtp-srv-content) .package-item.package-best {
	--service-package-action-bg: var(--platform-tiktok-red-glow);
	--service-package-action-border: var(--platform-tiktok-red-glow);
	--service-package-action-hover-bg: var(--platform-tiktok-red-glow);
	--service-package-action-hover-border: var(--platform-tiktok-red-glow);
	border: 1px solid var(--platform-tiktok-red-glow);
}

:where(.mtp-youtube .mtp-srv-content) .package-item.package-best,
:where(.youtube-pages .mtp-instagram .mtp-srv-content) .package-item.package-best {
	--service-package-action-bg: var(--platform-youtube);
	--service-package-action-border: var(--platform-youtube);
	--service-package-action-hover-bg: var(--platform-youtube);
	--service-package-action-hover-border: var(--platform-youtube);
	border: 1px solid var(--platform-youtube);
}

:where(.mtp-facebook .mtp-srv-content) .package-item.package-best {
	--service-package-action-bg: var(--platform-facebook);
	--service-package-action-border: var(--platform-facebook);
	--service-package-action-hover-bg: var(--platform-facebook);
	--service-package-action-hover-border: var(--platform-facebook);
	border: 1px solid var(--platform-facebook);
}

:where(.mtp-srv-content .package-item):after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 100px;
	background: radial-gradient(circle at 30% 107%, var(--color-border) 0%, var(--color-border) 5%, var(--color-border) 45%, var(--color-border) 60%, var(--color-border) 90%);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

:where(.mtp-srv-content .package-item.package-best):after {
	background: var(--service-package-glow-bg, radial-gradient(circle at 30% 107%, var(--service-package-action-border) 0%, var(--service-package-action-border) 5%, var(--service-package-action-border) 45%, var(--service-package-action-border) 60%, var(--service-package-action-border) 90%));
}

:where(.mtp-srv-content .package-item) .btn-primary,
:where(.mtp-srv-content .package-item) .btn-primary:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--service-package-action-bg);
	border-color: var(--service-package-action-border);
	padding: 10px;
	z-index: 2;
	line-height: 32px;
	text-transform: uppercase
}

:where(.mtp-srv-content .package-item.package-best) .btn-primary,
:where(.mtp-srv-content .package-item.package-best) .btn-primary:focus {
	font-weight: 500;
	position: relative;
	z-index: 2;
	text-transform: uppercase
}

:where(.mtp-srv-content .package-item .btn-primary) i {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--color-surface-translucent-20);
	border-radius: 100%;
}

:where(.mtp-srv-content .package-item.package-best) .btn-primary:hover {
	opacity: .8
}

:where(.mtp-srv-content .package-item) .pi-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding-bottom: 5px
}

:where(.mtp-srv-content .package-item .pi-top) .best-opt {
	position: absolute;
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	width: max-content;
	top: 10px;
	background: var(--color-success-bright);
	font-size: 12px;
	padding: 2px 10px;
	border-radius: 10px;
	color: var(--color-text-inverse)
}

:where(.mtp-srv-content .package-item) .pi-center {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding: 15px 0
}

:where(.mtp-srv-content .package-item) .pi-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid var(--color-border-green-soft);
	padding-top: 5px
}

:where(.mtp-srv-content .package-item .pi-top .pi-icon span) svg {
	color: var(--color-text-ink)
}

:where(.mtp-srv-content .package-item .pi-top) i {
	font-size: 32px
}

:where(.mtp-srv-content .package-item .pi-top) .fa-instagram {
	background: var(--gradient-platform-instagram-text);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
}

:where(.mtp-srv-content .package-item .pi-top) .fa-tiktok {
	text-shadow: 1px 1px var(--platform-tiktok-red-glow), -1px -1px var(--platform-tiktok-cyan);
	color: var(--platform-tiktok-black);
}

:where(.mtp-srv-content .package-item .pi-top) .fa-youtube {
	color: var(--platform-youtube)
}

:where(.mtp-srv-content .package-item .pi-top) .fa-facebook {
	color: var(--platform-facebook)
}

:where(.mtp-srv-content .package-item .pi-center) .pi-count {
	font-size: 38px;
	font-weight: 600;
	line-height: 42px;
	color: var(--color-text-ink)
}

:where(.mtp-srv-content .package-item .pi-center) .pi-service {
	font-size: 16px;
	color: var(--color-text-muted-neutral)
}

:where(.mtp-srv-content .package-item) .pi-save {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3px;
	font-size: 13px;
	color: var(--color-text-ink);
	width: 100%;
	text-align: center;
	margin-top: 5px;
	white-space: nowrap;
	position: relative;
	z-index: 2
}

:where(.mtp-srv-content .package-item .pi-save) span {
	font-weight: 600;
	color: var(--color-text-package-save)
}

:where(.mtp-srv-content .package-item .pi-bottom) .pi-new {
	font-size: 24px;
	font-weight: 600;
	color: var(--color-success-bright);
}

:where(.mtp-srv-content .package-item .pi-bottom) .pi-old {
	text-decoration-line: line-through;
	line-height: 12px;
	color: var(--service-package-old-price-text)
}

:where(.mtp-srv-content .package-item) .btn-primary {
	white-space: nowrap;
	margin-top: 15px;
	width: 100%;
	font-size: 15px;
	font-weight: 500;
	padding: 10px;
}

.mtp-tiktok,
.mtp-youtube,
.mtp-facebook,
.mtp-instagram {
	position: relative
}

.mtp-tiktok .mtp-srv-bg img,
.mtp-youtube .mtp-srv-bg img,
.mtp-facebook .mtp-srv-bg img,
.mtp-instagram .mtp-srv-bg img {
	position: absolute
}

.mtp-tiktok .mtp-srv-bg img:nth-child(1),
.mtp-youtube .mtp-srv-bg img:nth-child(1),
.mtp-facebook .mtp-srv-bg img:nth-child(1),
.mtp-instagram .mtp-srv-bg img:nth-child(1) {
	max-width: 175px;
	top: 75px;
	left: 0;
}

.mtp-tiktok .mtp-srv-bg img:nth-child(2),
.mtp-youtube .mtp-srv-bg img:nth-child(2),
.mtp-facebook .mtp-srv-bg img:nth-child(2),
.mtp-instagram .mtp-srv-bg img:nth-child(2) {
	max-width: 150px;
	bottom: 75px;
	right: 0;
}

.mtp-instagram:before {
	content: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22268%22%20height%3D%221127%22%20viewBox%3D%220%200%20268%201127%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_3458_3637)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M159.041%201035.06C203.334%201012.76%20276.647%20933.659%20215.557%20795.582C151.062%20649.809%20186.647%20605.026%20220.547%20562.364C226.785%20554.514%20232.966%20546.736%20238.455%20538.413C273.778%20484.862%20300.641%20416.673%20180.8%20300.379C69.2803%20192.161%20-17.9874%2073.3352%20-2.57702%20-69.875L-17.4907%20-78.4854L-594.717%20921.3L-119.467%201195.69L159.041%201035.06Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3C/g%3E%3C/svg%3E");
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 0;
	max-height: 900px;
}

.mtp-tiktok:before {
	content: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22268%22%20height%3D%221127%22%20viewBox%3D%220%200%20268%201127%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_3458_3637)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M159.041%201035.06C203.334%201012.76%20276.647%20933.659%20215.557%20795.582C151.062%20649.809%20186.647%20605.026%20220.547%20562.364C226.785%20554.514%20232.966%20546.736%20238.455%20538.413C273.778%20484.862%20300.641%20416.673%20180.8%20300.379C69.2803%20192.161%20-17.9874%2073.3352%20-2.57702%20-69.875L-17.4907%20-78.4854L-594.717%20921.3L-119.467%201195.69L159.041%201035.06Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3C/g%3E%3C/svg%3E");
	position: absolute;
	z-index: -1;
	right: 0;
	bottom: 0;
	max-height: 900px;
	transform: rotate(180deg);
}

.mtp-youtube:before {
	content: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22268%22%20height%3D%221127%22%20viewBox%3D%220%200%20268%201127%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_3458_3637)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M159.041%201035.06C203.334%201012.76%20276.647%20933.659%20215.557%20795.582C151.062%20649.809%20186.647%20605.026%20220.547%20562.364C226.785%20554.514%20232.966%20546.736%20238.455%20538.413C273.778%20484.862%20300.641%20416.673%20180.8%20300.379C69.2803%20192.161%20-17.9874%2073.3352%20-2.57702%20-69.875L-17.4907%20-78.4854L-594.717%20921.3L-119.467%201195.69L159.041%201035.06Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3C/g%3E%3C/svg%3E");
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 0;
	max-height: 900px;
}

.mtp-facebook:before {
	content: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%22268%22%20height%3D%221127%22%20viewBox%3D%220%200%20268%201127%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_3458_3637)%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M159.041%201035.06C203.334%201012.76%20276.647%20933.659%20215.557%20795.582C151.062%20649.809%20186.647%20605.026%20220.547%20562.364C226.785%20554.514%20232.966%20546.736%20238.455%20538.413C273.778%20484.862%20300.641%20416.673%20180.8%20300.379C69.2803%20192.161%20-17.9874%2073.3352%20-2.57702%20-69.875L-17.4907%20-78.4854L-594.717%20921.3L-119.467%201195.69L159.041%201035.06Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M-38.9888%201023.33C-1.61718%20997.256%2034.9228%20943.661%2016.9349%20849.414C-9.09061%20713.055%2029.9102%20682%2067.0635%20652.416C73.9002%20646.972%2080.6743%20641.578%2086.9692%20635.587C127.473%20597.037%20163.681%20544.407%2084.9021%20422.246C13.3365%20311.27%20-36.6327%20196.233%20-0.585118%2080.5274L-71.4153%2039.6336L-489.262%20763.365L-38.9888%201023.33Z%22%20fill%3D%22%2333bc7c%22%20style%3D%22opacity%3A%20.1%22%20/%3E%3C/g%3E%3C/svg%3E");
	position: absolute;
	z-index: -1;
	right: 0;
	bottom: 0;
	max-height: 900px;
	transform: rotate(180deg);
}

.mtp-instagram .best-swiper {
	margin-top: 35px
}

:where(.mtp-instagram .best-swiper) .item {
	display: flex;
	flex-direction: column;
	background: var(--color-surface-cool-faint);
	border: 1px solid var(--color-border);
	text-align: left;
	border-radius: 15px;
	height: 100%;
	line-height: 24px;
	padding: 10px 15px 5px 15px;
	position: relative;
	width: 100%;
	transition: .5s all;
	cursor: pointer;
	overflow: hidden
}

:where(.mtp-instagram .best-swiper) .item:before {
	background: var(--gradient-platform-instagram-radial);
	content: "";
	position: absolute;
	height: 100px;
	content: '';
	bottom: -50px;
	left: 0;
	width: 100%;
	height: 50px;
	-webkit-filter: blur(37px);
	filter: blur(37px);
	z-index: 1;
}

:where(.mtp-instagram .best-swiper) .item .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	background: var(--gradient-platform-instagram-radial);
	font-size: 24px;
	color: var(--color-text-inverse);
	border-radius: 10px;
	margin: 0 auto 10px auto
}

/* Platform-content headings use an enlarged version of the package-card icon. */
[data-panel-service-surface][class*="platform-"] .mtp-header .mtp-header-platform-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 56px;
	height: 56px;
	background: var(--service-platform-radial);
	font-size: 40px;
	color: var(--color-text-inverse);
	border-radius: 16px;
}

:where(.mtp-instagram .best-swiper) .item-wrapper {
	--service-best-swiper-action-bg: var(--gradient-platform-instagram-action);
	--service-best-swiper-action-border: var(--platform-instagram-pink);
	position: relative;
	z-index: 1;
}

:where(.mtp-instagram .best-swiper) .item-wrapper .btn-primary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--service-best-swiper-action-bg);
	border-color: var(--service-best-swiper-action-border);
	font-weight: 500;
	padding: 10px;
	text-transform: uppercase
}

:where(.mtp-instagram .best-swiper .item-wrapper) .btn-primary:hover {
	opacity: .8
}

:where(.mtp-instagram .best-swiper .item-wrapper .btn-primary) i {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--color-surface-translucent-20);
	border-radius: 100%
}

:where(.mtp-instagram .best-swiper .item-wrapper) .time {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
	font-size: 12px;
	font-weight: 500;
	margin-top: 5px;
	color: var(--color-text-ink)
}

:where(.mtp-instagram .best-swiper .item-wrapper) .title {
	color: var(--color-text-ink);
	font-size: 18px;
	font-weight: 500;
	text-align: center
}

:where(.mtp-instagram .best-swiper .item-wrapper) .title h3 {
	color: var(--color-text-ink);
	font-size: 20px;
	font-weight: 500;
	text-align: center
}

:where(.mtp-instagram .best-swiper .item-wrapper) .title h3 .package-card-quantity,
:where(.mtp-instagram .best-swiper .item-wrapper) .title h3 .package-card-service {
	display: block
}

:where(.mtp-instagram .best-swiper .item-wrapper) .title h3 .package-card-quantity {
	margin-bottom: 2px;
	white-space: nowrap
}

:where(.mtp-instagram .best-swiper .item-wrapper) .price {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 42px;
	font-style: normal;
	font-weight: 700;
	color: var(--color-text-ink);
	margin: 25px 0
}

:where(.mtp-instagram .best-swiper .item-wrapper) .m-rating {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 5px;
}

:where(.mtp-instagram .best-swiper .item-wrapper .m-rating) p {
	margin-bottom: 0;
	font-size: 11px;
	color: var(--color-text-ink)
}

:where(.mtp-instagram .best-swiper .item-wrapper .time) em {
	font-style: normal;
	font-weight: 600
}

:where(.mtp-instagram .best-swiper .item-wrapper) ul {
	padding-left: 0;
	background: var(--platform-instagram-list-bg);
	font-size: 13px;
	padding: 10px;
	border-radius: 15px;
	margin: 15px 0;
	text-align: center;
	color: var(--color-text-ink)
}

:where(.mtp-instagram .best-swiper .item-wrapper) ul li {
	list-style: none
}

.mtp-works {
	background-color: var(--color-surface-green-soft);
	padding: 50px 0;
	position: relative;
	overflow: hidden
}

.mtp-works .mtp-works-bg svg:nth-child(1) {
	position: absolute;
	left: 5%;
}

.mtp-works .mtp-works-bg svg:nth-child(2) {
	position: absolute;
	right: 5%;
}

.works-box-container {
	position: relative;
	overflow: hidden;
	padding: 35px 0;
	z-index: 1;
}

:where(.works-box-container .works-box) .text {
	position: relative;
}

.works-box-container .works-box-wrapper {
	display: flex;
	gap: 15px;
	padding-left: 0;
	transition: transform 0.4s ease;
}

:where(.works-box-container .works-box) .btn {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	padding: 5px 15px;
	font-size: 13px;
	margin-top: 15px;
}

:where(.works-box-container .works-box .btn) em {
	font-style: normal;
}

.works-box-container .works-box {
	display: flex;
	gap: 15px;
	flex-direction: row;
	flex: 0 0 calc((100% - 30px) / 3);
	background: var(--color-surface);
	padding: 20px 20px 0 20px;
	border-radius: 15px;
	border: 1px solid var(--color-border-green-soft);
	position: relative;
	cursor: pointer;
	overflow: hidden
}

:where(.works-box-container .works-box) .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	background: var(--color-success-bright);
	color: var(--color-text-inverse);
	border-radius: 10px;
}

:where(.works-box-container .works-box) .panel-step-icon {
	display: block;
	width: 1em;
	height: 1em;
	fill: none;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 1.7;
}

:where(.works-box-container .works-box .text) span {
	font-size: 16px;
	font-weight: 600;
	color: var(--color-text-ink)
}

:where(.works-box-container .works-box .text) p {
	font-size: 14px;
	color: var(--color-text-muted-neutral);
	margin-bottom: 0;
	margin-top: 10px
}

.works-box-container .worksbox-controls {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 15px;
	gap: 5px
}

.works-box-container .btn-step {
	display: inline-block;
	color: var(--color-text-inverse);
	background: var(--color-success-bright);
	width: 40px;
	height: 40px;
	border-radius: 100%;
	border: 1px solid var(--color-success-bright)
}

:where(.works-box-container .btn-step):disabled {
	opacity: 0.4;
	cursor: not-allowed;
}

.works-box-container .progress-bar {
	flex: 1;
	height: 4px;
	background: var(--color-brand-soft-strong);
	margin: 0 10px;
	position: relative;
	border-radius: 4px;
}

.works-box-container .progress-fill {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	background: var(--color-success-bright);
	width: 0%;
	border-radius: 4px;
	transition: width 0.3s ease;
}

[id="worksboxContainer1"] .works-box {
	flex-direction: column;
	padding: 20px;
}

[id="worksboxContainer1"] .works-box:before,
[id="worksboxContainer2"] .works-box:before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-top: 1px solid var(--color-success-bright);
	border-left: 1px solid var(--color-success-bright);
	-webkit-transition: 0.5s;
	transition: 0.5s;
	opacity: 0;
	visibility: hidden;
	border-radius: 15px;
	z-index: -1;
}

[id="worksboxContainer1"] .works-box:after,
[id="worksboxContainer2"] .works-box:after {
	position: absolute;
	content: "";
	bottom: 0;
	right: 0;
	width: 0;
	height: 0;
	border-bottom: 1px solid var(--color-success-bright);
	border-right: 1px solid var(--color-success-bright);
	-webkit-transition: 0.5s;
	transition: 0.5s;
	opacity: 0;
	visibility: hidden;
	border-radius: 15px;
	z-index: -1;
}

[id="worksboxContainer1"] .works-box:hover:before,
[id="worksboxContainer2"] .works-box:hover:before {
	width: 100%;
	height: 100%;
	visibility: visible;
	opacity: 1;
	z-index: 1
}

[id="worksboxContainer1"] .works-box:hover:after,
[id="worksboxContainer2"] .works-box:hover:after {
	width: 100%;
	height: 100%;
	visibility: visible;
	opacity: 1;
	z-index: 1
}

[id="worksboxContainer1"] .works-box .icon,
[id="worksboxContainer2"] .works-box .icon {
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

[id="worksboxContainer1"] .works-box:hover .icon,
[id="worksboxContainer2"] .works-box:hover .icon {
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

[id="worksboxContainer2"] .works-box {
	padding: 30px 20px 20px 20px;
	overflow: visible
}

[id="worksboxContainer1"] .works-box .text {
	display: flex;
	flex-direction: column;
	text-align: center;
}

[id="worksboxContainer1"] .works-box .icon {
	font-size: 24px;
	font-weight: 600;
	margin: 0 auto 15px
}

[id="worksboxContainer2"] .works-box .icon {
	position: absolute;
	top: -20px;
	z-index: 1
}

.mtp-advantages .thumb {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	cursor: pointer;
	border-radius: 8px;
	overflow: hidden;
	margin: 15px auto
}

.mtp-advantages .thumb img {
	display: block;
	width: 140px;
	max-width: 80vw;
	height: auto
}

.mtp-advantages .thumb .play-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: var(--section-play-bg);
	backdrop-filter: blur(2px);
	transition: 200ms all
}

.mtp-advantages .thumb:hover .play-btn {
	background: var(--section-play-bg-hover);
	transition: 200ms all
}

.mtp-advantages .play-btn svg {
	width: 36px;
	height: 36px;
	fill: var(--color-text-inverse)
}

.mtp-advantages .video-wrap {
	position: relative;
	padding-top: 56.25%;
	border-radius: 0 0 15px 15px;
}

.mtp-advantages .video-wrap video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 0 0 15px 15px;
}

.mtp-sliders {
	position: relative;
	padding-top: 50px
}

.mtp-sliders .swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
	position: relative;
	pointer-events: none;
}

.mtp-sliders .swiper-wrapper .swiper-slide {
	width: -webkit-max-content !important;
	width: -moz-max-content !important;
	width: max-content !important;
}

.mtp-sliders .mtp-story.slider {
	position: relative;
	padding: 20px 0;
	color: var(--color-text-inverse);
	width: 140%;
	left: -30%;
	z-index: 0
}

.mtp-sliders .mtp-story.slider:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgb(var(--color-brand-rgb));
	background-image: url(../images/shared-decorative-illustration-25.webp),
		var(--gradient-brand-deep-0);
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
}

.mtp-sliders .mtp-story.slider:before {
	content: "";
	position: absolute;
	width: 110%;
	height: 100%;
	top: 0;
	left: -10px;
	background: var(--section-story-slider-glow);
	transform: rotate(2deg);
	z-index: -2
}

.mtp-sliders .mtp-story.slider:last-of-type {
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
}

.mtp-sliders .mtp-story.slider .swiper-slide span {
	position: relative
}

.mtp-sliders .mtp-story.slider .swiper-slide span:after {
	content: "\f069";
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	left: -100px;
	color: var(--color-decor-lime);
	-webkit-animation: rotation 6s infinite linear;
	animation: rotation 6s infinite linear;
}

.mtp-sliders .mtp-story.slider .swiper-slide span {
	font-size: 24px;
	font-weight: 600;
	color: var(--color-text-inverse);
}

.mtp-api .nav {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	border-radius: 20px;
	border: 1px solid var(--color-border);
	padding: 10px;
	background-color: var(--color-surface-translucent-30);
	margin: auto;
	position: relative;
	width: max-content
}

.mtp-api .nav .nav-link {
	display: flex;
	justify-content: center;
	text-decoration: none;
	gap: 10px;
	outline: none;
	border-radius: 15px;
	padding: 10px 25px;
	font-size: 14px;
	font-weight: 500;
	line-height: 160%;
	letter-spacing: -0.3px;
	white-space: nowrap;
	width: 100%;
}

.mtp-api .nav .nav-link.active {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-180)
}

.mtp-api .nav .nav-link h3 {
	font-size: 18px;
	margin-bottom: 0;
	color: var(--color-text-ink)
}

.mtp-api .nav .nav-link.active h3 {
	color: var(--color-text-inverse) !important;
}

.mtp-api .mtp-header p {
	color: var(--color-decor-mint-glow)
}

.mtp-api-wrapper {
	background: var(--gradient-brand-bright-fade-180);
	border-radius: 25px 25px 0 0;
	padding: 50px 25px;
	position: relative;
	overflow: hidden;
}

.mtp-api-wrapper:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 30px;
	background: url(../images/shared-decorative-illustration-30.webp);
	background-size: contain;
	opacity: 0.15;
}

.mtp-api-list {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding-top: 50px;
}

.mtp-api-list .mtp-paragraph {
	color: var(--color-surface-mint-soft)
}


.mtp-api-container {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
	padding-left: 0;
	margin-bottom: 0
}

.mtp-api-container li {
	list-style: none
}

.mtp-api-container .item {
	background: var(--color-surface);
	border-radius: 15px;
	padding: 15px
}

.mtp-api-container .item .title {
	font-size: 18px;
	font-weight: 500;
	color: var(--color-text-ink)
}

.mtp-api-container .item p {
	font-size: 14px;
	font-weight: 400;
	color: var(--color-text-api-copy);
	margin-bottom: 0;
	padding-top: 7px
}

.mtp-api .mtp-api-content {
	background: var(--color-surface);
	border-radius: 15px;
	padding: 25px;
	max-width: 1000px;
	margin: 35px auto 0 auto;
	color: var(--color-text-ink);
	text-align: center
}

.mtp-calculator .package-selector {
	border-radius: 25px;
	border: 1px solid var(--color-border);
	background-color: var(--color-surface-blue-faint);
	padding: 35px 45px 45px;
	margin: 35px auto 0 auto;
	max-width: 850px;
	position: relative
}

.mtp-calculator .package-selector:before {
	content: '';
	position: absolute;
	bottom: 0;
	top: 0;
	right: 0;
	left: 0;
	width: 35%;
	height: 100%;
	background: var(--gradient-social-green-radial);
	filter: blur(100px);
	z-index: -1;
	margin-left: auto;
	margin-right: auto;
	opacity: .5;
}

.mtp-calculator .package-group {
	margin-bottom: 25px
}

.mtp-calculator .package-group label {
	font-size: 16px;
	font-weight: 500;
	color: var(--color-text-ink)
}

.mtp-calculator .category-boxes {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}

.mtp-calculator .subcategory-boxes {
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 10px;
}

.mtp-calculator .cat-box {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 10px;
	border: 1px solid var(--color-border);
	padding: 15px;
	background-color: var(--color-surface);
	font-size: 16px;
	font-weight: 500;
	color: var(--color-text-ink);
	border-radius: 15px;
	cursor: pointer;
	user-select: none;
	transition: 0.2s;
	position: relative;
	overflow: hidden
}

.mtp-calculator .cat-box:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 80px;
	background: radial-gradient(circle at 30% 107%, var(--color-border) 0%, var(--color-border) 5%, var(--color-border) 45%, var(--color-border) 60%, var(--color-border) 90%);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

.mtp-calculator .sub-box {
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--color-border);
	padding: 15px;
	background-color: var(--color-surface);
	font-size: 14px;
	color: var(--color-text-ink);
	border-radius: 15px;
	cursor: pointer;
	user-select: none;
	transition: 0.2s;
	white-space: nowrap;
}

.mtp-calculator .cat-box.active,
.mtp-calculator .sub-box.active {
	background: var(--color-success-bright);
	color: var(--color-text-inverse)
}

.mtp-calculator .cat-box:not(.active):hover,
.mtp-calculator .sub-box:not(.active):hover {
	background: var(--section-calculator-hover-bg);
	border-color: var(--color-success-bright)
}

.mtp-calculator .cat-box .cat-icon {
	width: 32px;
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	color: var(--color-text-inverse);
	border-radius: 7px
}

.mtp-calculator .cat-box .cat-icon.instagram {
	background: var(--gradient-platform-instagram-radial);
}

.mtp-calculator .cat-box .cat-icon.tiktok {
	text-shadow: 1px 1px var(--platform-tiktok-red-glow), -1px -1px var(--platform-tiktok-cyan);
	color: var(--color-text-inverse);
	background: var(--color-surface-inverse)
}

.mtp-calculator .cat-box .cat-icon.youtube {
	background: var(--platform-youtube);
}

.mtp-calculator .cat-box .cat-icon.facebook {
	background: var(--platform-facebook)
}

.mtp-calculator .cat-box .cat-icon.spotify {
	background: var(--platform-spotify)
}

.mtp-calculator .cat-box .cat-icon.telegram {
	background: var(--color-decor-blue-social)
}

.mtp-calculator .cat-box .cat-icon.twitter {
	background: var(--platform-twitter)
}

.mtp-calculator .cat-box .cat-icon.kickstarter {
	background: var(--platform-kick)
}

.mtp-calculator .slider-path-wrapper {
	position: relative;
	background: var(--color-border);
	height: 10px;
	margin: 100px 0 0 0;
	border-radius: 35px
}

.mtp-calculator .slider-path-filled {
	position: absolute;
	background: var(--color-success-bright);
	height: 10px;
	border-radius: 35px;
	top: 0;
	left: 0;
}

.mtp-calculator .slider-knob {
	background: var(--color-surface);
	border: 1px solid var(--color-border-calculator-knob);
	border-radius: 100px;
	box-shadow: 0 0 13px 0 var(--shadow-calculator-control-color);
	cursor: pointer;
	height: 35px;
	left: 0;
	position: absolute;
	top: -15px;
	width: 35px;
}

.mtp-calculator .package-tooltip {
	align-items: center;
	background: var(--color-decor-rose);
	border-radius: 12px;
	bottom: calc(100% + 30px);
	box-shadow: 8px 12px 26px 0 var(--shadow-calculator-control-color);
	color: var(--color-text-inverse);
	cursor: pointer;
	display: flex;
	left: -4px;
	padding: 5px 15px;
	position: absolute;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: auto;
}

.mtp-calculator .package-tooltip p {
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 600;
}

.mtp-calculator .package-tooltip:after {
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-top: 15px solid var(--color-decor-rose);
	content: "";
	height: 0;
	left: calc(50% - 15px);
	position: absolute;
	top: 100%;
	width: 0;
}

.mtp-calculator .package-selector-details {
	align-items: center;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-bottom: 10px;
	background: var(--color-surface);
	border-radius: 15px;
	padding: 10px;
	border: 1px solid var(--color-border);
	margin-top: 25px
}

:where(.mtp-calculator .package-selector .package-selector-details) p {
	color: var(--color-text-ink);
	font-size: 18px;
	font-weight: 500;
	margin-bottom: 0
}

:where(.mtp-calculator .package-selector .package-selector-details) p:nth-child(2) {
	font-size: 26px;
	font-weight: 700;
	color: var(--color-decor-rose)
}

.mtp-calculator .package-selector .package-selector-discount {
	background: var(--color-success-bright);
	border-radius: 10px;
	color: var(--color-text-inverse);
	line-height: 100%;
	padding: 9px 12px;
	font-size: 18px;
	font-weight: 500;
	transition: 0.2s;
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: opacity 0.35s ease, max-height 0.35s ease;
}

.mtp-calculator .package-selector .package-selector-discount.visible {
	opacity: 1;
	max-height: 100px;
}

.mtp-calculator .package-selector .btn-primary {
	--service-calculator-selector-action-bg: var(--color-text-ink);
	--service-calculator-selector-action-border: var(--color-text-ink);
	--service-calculator-selector-action-hover-bg: var(--section-calculator-selector-hover-bg);
	background: var(--service-calculator-selector-action-bg);
	border-color: var(--service-calculator-selector-action-border);
	padding: 15px;
	font-size: 18px
}

.mtp-calculator .package-selector .btn-primary:hover {
	background: var(--service-calculator-selector-action-hover-bg)
}

.mtp-faq .mtp-faq-area {
	margin-top: 35px
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper {
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	gap: 10px;
	margin-top: 25px;
	background: var(--color-surface-blue-faint);
	border: 1px solid var(--color-border);
	border-radius: 15px;
	padding: 15px;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item {
	position: relative;
	cursor: pointer;
	background: var(--color-css-transparent);
	-webkit-transition: .2s ease;
	transition: .2s ease;
	background: var(--color-surface);
	border: 1px solid var(--color-border-green-soft);
	color: var(--color-text-ink);
	border-radius: 15px;
	height: max-content;
	margin-bottom: 0;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item.active .mtp-faq-head h2,
.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item.active .mtp-faq-head h3 {
	color: var(--color-success-bright)
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
	font-weight: 400;
	color: var(--color-text-ink);
	padding: 10px;
	margin-bottom: 0;
	line-height: 18px;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head .fh-left {
	display: flex;
	align-items: center
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head .fh-left .icon {
	min-width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color-success-bright);
	border-radius: 100%;
	font-size: 12px;
	color: var(--color-text-inverse);
	position: relative;
	z-index: 1;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head .fh-left .icon:before {
	content: "";
	position: absolute;
	left: -3px;
	top: -3px;
	right: -3px;
	bottom: -3px;
	border-radius: 100%;
	background: var(--color-success-bright);
	opacity: 0.2;
	z-index: -1;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head h2 {
	font-size: 18px;
	font-weight: 400;
	color: var(--color-text-ink);
	padding: 10px;
	margin-bottom: 0;
	line-height: 18px;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head h3,
.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head h4,
.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-head h5 {
	font-size: 14px;
	font-weight: 400;
	color: var(--color-text-ink);
	padding: 10px;
	margin-bottom: 0;
	line-height: 18px;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-arrow {
	color: var(--color-text-ink);
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item.active .mtp-faq-arrow {
	color: var(--color-success-bright)
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item.active .fa-angle-up {
	display: block
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .fa-angle-up {
	display: none;
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item.active .fa-angle-down {
	display: none
}

.mtp-faq .mtp-faq-container .mtp-faq-wrapper .mtp-faq-item .mtp-faq-content {
	display: none;
	padding-top: 12px;
	background: var(--color-surface);
	border-radius: 0 0 10px 10px;
	padding: 0 15px 10px 15px;
	color: var(--color-text-ink);
	font-size: 13px;
}

.team-wrapper {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 15px;
	margin-top: 50px;
	padding-left: 0;
	margin-bottom: 0
}

.team-wrapper .team-item {
	position: relative;
	aspect-ratio: 2 / 3;
	overflow: hidden;
	border-radius: 15px;
	list-style: none;
	cursor: pointer
}

.team-wrapper .team-item .team-img {
	height: 100%;
}

.team-wrapper .team-item:before {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 0;
	height: 100%;
	border-radius: 15px;
	box-shadow: inset 0 0 25px var(--shadow-team-overlay);
	transition: all 0.3s ease;
	background: var(--color-success-bright);
	z-index: 1;
}

.team-wrapper .team-item:hover:before {
	width: 100%;
	background: var(--section-team-hover-overlay);
}

.team-wrapper .team-item .info {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 5;
	color: var(--color-text-inverse);
	font-size: 12px;
	opacity: 0;
	transition: opacity 0.5s linear;
}

.team-wrapper .team-item:hover .info {
	opacity: 1;
}

.team-wrapper .team-item .team-img:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(180deg, var(--section-team-image-overlay-start) 35%, var(--section-team-image-overlay-end) 78%);
	z-index: 0;
	transition: all 0.5s linear;
	border-radius: 0 0 15px 15px
}

.team-wrapper .team-item .team-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 15px;
	max-width: 100%
}

.team-wrapper .team-item .team-content {
	position: absolute;
	left: 50px;
	bottom: 15px;
	z-index: 5;
	transition: bottom 0.3s linear;
}

.team-wrapper .team-item:hover .team-content {
	bottom: 50px;
}

.team-wrapper .team-item .team-content .name {
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	position: relative;
	z-index: 1;
	color: var(--color-text-inverse);
}

.team-wrapper .team-item .team-content .name:before {
	content: "";
	position: absolute;
	height: 40px;
	width: 20px;
	top: 50%;
	left: -30px;
	transform: translateY(-50%);
	background: var(--color-success-bright);
	z-index: -1;
	transition: all 0.3s linear;
	border-radius: 5px
}

.team-wrapper .team-item .team-content .designation {
	font-size: 12px;
	line-height: 24px;
	position: relative;
	z-index: 1;
	color: var(--color-text-inverse);
}

.mtp-subscription .opinion-wrapper {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='552' fill='none'><g clip-path='url(%23a)'><path fill='%23266849' d='M0 0h600v552H0z'/><path fill='%23000' fill-rule='evenodd' d='m-33.09 201.72-62.903 150.81-98.287-40.947L-2.263-148.772l102.218 24.723-32.644 405.725 172.996-565.449 104.009 19.578-39.302 515.671 99.377-338.893 104.107 9.957 30.241 321.585 33.336-158.813 104.926 4.134 45.749 357.169-105.63 13.563-5.657-44.163-40.717 193.976-105.123-5.913-37.162-395.174-163.989 559.233-104.188-18.984 41.353-542.571L25.884 781.045l-103.992-19.803 45.019-559.522Z' clip-rule='evenodd' opacity='.1'/></g><path stroke='%23266849' d='M.5.5h599v551H.5z'/><defs><clipPath id='a'><path fill='%23fff' d='M0 0h600v552H0z'/></clipPath></defs></svg>");
	background-size: cover;
	background-position: center;
	border-radius: 15px;
	padding: 35px 0 35px 50px;
	position: relative;
	margin: 100px 0;
	overflow: visible;
	isolation: isolate;
}

.mtp-subscription .opinion-wrapper .opinion-text {
	position: relative
}

.mtp-subscription .opinion-wrapper .opinion-text:before {
	content: "";
	position: absolute;
	top: 0;
	right: 100%;
	width: 50%;
	height: 50%;
	transform: translate(100%, 60%) scale(1);
	transition: .14s ease;
	background: var(--color-action-green);
	background: linear-gradient(120deg, var(--section-glow-start) 0%, var(--section-glow-end) 100%);
	border-radius: 100px;
	filter: blur(60px);
	z-index: 0;
}

.mtp-subscription .title {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 25px;
	color: var(--color-text-inverse);
	max-width: 600px;
	line-height: 46px;
	position: relative
}

.mtp-subscription p {
	font-size: 16px;
	max-width: 650px;
	color: var(--color-surface-mint-soft);
	position: relative
}

.mtp-subscription .opinion-wrapper .opinion-img-wrapper {
	position: absolute;
	right: 0;
	top: 0;
	pointer-events: none;
}

.mtp-subscription .opinion-wrapper .opinion-img {
	position: relative;
	margin-top: -43px;
}

.mtp-subscription .opinion-img-wrapper .opinion-img img {
	display: block;
	width: 350px;
	height: auto;
	max-width: 350px;
}

.mtp-subscription .subscribe-card {
	margin-top: 35px
}

.mtp-subscription .subscribe-card .form-row {
	position: relative;
	width: max-content;
	min-width: 350px;
}

.mtp-subscription .subscribe-card .form-control {
	background: var(--section-subscription-input-bg);
	color: var(--color-text-inverse) !important;
	font-size: 16px;
	font-weight: 400;
	border: 1px solid var(--color-success-bright) !important;
	width: 100%;
	height: 50px;
	border-radius: 35px
}

.mtp-subscription .subscribe-card .field {
	width: 100%;
}

.mtp-subscription .subscribe-card .subscribe-btn {
	display: flex;
	align-items: center;
	gap: 5px;
	position: absolute;
	width: max-content;
	height: 40px;
	border-radius: 35px;
	top: 5px;
	right: 5px;
	background: var(--color-success-bright);
	border: none;
	box-shadow: none;
	color: var(--color-text-inverse);
	padding: 0 10px
}

.mtp-subscription .subscribe-card .subscribe-btn:hover {
	background: var(--color-accent-warm)
}

.mtp-subscription .subscribe-card .alert.alert-warning {
	max-width: 345px;
	border-radius: 35px !important;
	background: var(--color-success-bright) !important;
	color: var(--color-text-inverse) !important;
	margin-bottom: 5px;
	text-align: center
}

.mtp-factors {
	background: url(../images/shared-decorative-illustration-11.webp);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top right;
	padding: 50px 0;
	position: relative;
	overflow: hidden;
}

.mtp-factors .mtp-header h3 {
	color: var(--color-text-inverse);
}

.mtp-factors .mtp-header p {
	color: var(--color-decor-mint-glow)
}

.mtp-factors .cost-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
	margin-top: 35px;
	padding-left: 0;
	margin-bottom: 0
}

.mtp-factors .cost-wrapper .item {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-direction: column;
	gap: 10px;
	border-radius: 15px;
	text-align: center;
	background: var(--color-surface-translucent-15);
	border: 1px solid var(--color-decor-forest-border);
	padding: 15px;
	position: relative;
	overflow: hidden
}

.mtp-factors .cost-wrapper .item:before {
	content: "";
	position: absolute;
	top: 0%;
	right: 30%;
	width: 60%;
	height: 80%;
	transform: translate(100%, 60%) scale(1);
	transition: .14s ease;
	background: var(--color-action-green);
	background: var(--gradient-action-green-soft-120);
	border-radius: 100px;
	filter: blur(60px);
	z-index: 0;
	opacity: .5
}

.mtp-factors .cost-wrapper .item span {
	font-size: 16px;
	font-weight: 600;
	color: var(--section-factor-label-text)
}

.mtp-factors .cost-wrapper .item p {
	font-size: 13px;
	font-weight: 400;
	color: var(--color-text-inverse);
	margin-bottom: 0;
	position: relative
}

footer {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='552' fill='none'><g clip-path='url(%23a)'><path fill='%23266849' d='M0 0h600v552H0z'/><path fill='%23000' fill-rule='evenodd' d='m-33.09 201.72-62.903 150.81-98.287-40.947L-2.263-148.772l102.218 24.723-32.644 405.725 172.996-565.449 104.009 19.578-39.302 515.671 99.377-338.893 104.107 9.957 30.241 321.585 33.336-158.813 104.926 4.134 45.749 357.169-105.63 13.563-5.657-44.163-40.717 193.976-105.123-5.913-37.162-395.174-163.989 559.233-104.188-18.984 41.353-542.571L25.884 781.045l-103.992-19.803 45.019-559.522Z' clip-rule='evenodd' opacity='.1'/></g><path stroke='%23266849' d='M.5.5h599v551H.5z'/><defs><clipPath id='a'><path fill='%23fff' d='M0 0h600v552H0z'/></clipPath></defs></svg>");
	background-size: cover;
	background-position: center;
	border-radius: 25px 25px 0 0;
	position: relative;
	padding: 50px 0 15px 0;
	overflow: hidden
}

footer:before {
	content: "";
	position: absolute;
	bottom: 0;
	right: 100%;
	width: 100%;
	height: 50%;
	transform: translate(100%, 60%) scale(1);
	transition: .14s ease;
	background: var(--color-action-green);
	background: linear-gradient(120deg, var(--section-glow-start) 0%, var(--section-glow-end) 100%);
	border-radius: 100px;
	filter: blur(60px);
	z-index: 0;
	opacity: .7
}

footer .footer-address {
	display: flex;
	gap: 10px;
	margin-top: 5px;
	flex-direction: column;
}

footer .footer-address span {
	font-size: 12px
}


footer .footer-address span svg {
	width: 24px;
	color: var(--color-success-bright)
}

.footer-flex .footer-left {
	width: 30%;
	padding-left: 25px
}

.footer-flex .footer-left p {
	max-width: 350px;
	font-size: 11px;
	color: var(--color-decor-mint-glow)
}

.footer-flex .footer-center {
	display: flex;
	gap: 35px;
	width: 80%;
}

.footer-social ul {
	padding-top: 0
}

.footer-flex .footer-left,
.footer-flex .footer-center {
	position: relative
}

footer .footer-social ul li {
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 10px;
	line-height: 30px;
	background: var(--color-surface);
	border: 1px solid var(--color-border-green-soft);
	cursor: pointer;
	transition: 250ms all
}

footer .footer-social ul li a {
	font-size: 15px;
	color: var(--footer-ink-bg);
}

footer .footer-social ul li:hover {
	background: var(--color-success-bright);
	border: 1px solid var(--footer-social-hover-border);
	transition: 250ms all
}

footer .footer-social ul li:hover a {
	color: var(--color-text-inverse)
}

footer .footer-links a,
.footer-list-item span {
	font-size: 12px;
}

footer .footer-alt-content {
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--footer-ink-bg);
	border: 1px solid var(--color-border-inverse-subtle);
	padding: 20px;
	border-radius: 15px;
	font-size: 12px;
	margin-top: 35px;
	position: relative;
	z-index: 2;
}

.mtp-marquee {
	position: relative;
	width: 100%;
	padding: 30px 0;
	margin-top: 0
}

.mtp-marquee:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	height: 1px;
	max-width: 1000px;
	width: 100%;
	background: linear-gradient(90deg, var(--color-surface) 0%, var(--color-border) 53%, var(--color-surface) 100%);
}

.mtp-marquee .logo-marquee {
	position: relative;
	width: 100%
}

.mtp-marquee .logo-marquee .marquee-track {
	width: 100%;
	overflow: hidden
}

@media (min-width: 1920px) {
	.mtp-marquee .logo-marquee .marquee-track {
		width: 100%;
		max-width: 1920px;
		overflow: hidden;
		margin: 0 auto
	}
}

.mtp-marquee .logo-marquee .marquee-content {
	display: flex;
	gap: clamp(2rem, 1.6rem + 2vw, 3rem);
	will-change: transform;
	transform: translateZ(0);
	backface-visibility: hidden
}

.mtp-marquee .logo-marquee .logo-item {
	flex: 0 0 auto;
	min-width: 217px;
}

.mtp-marquee .logo-marquee .logo-slide {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all .3s ease;
	border-radius: .5rem;
	position: relative;
	overflow: visible;
	cursor: pointer
}

.mtp-marquee .logo-marquee .logo-slide img {
	width: auto;
	height: 32px;
	transition: all .3s ease;
	filter: grayscale(100%) opacity(.7)
}

.mtp-marquee .logo-marquee .logo-slide:hover {
	transform: translateY(-1px)
}

.mtp-marquee .logo-marquee .logo-slide:hover img {
	filter: grayscale(0%) opacity(1);
	transform: scale(1.05)
}

.mtp-marquee .logo-tooltip {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -100%);
	margin-top: -10px;
	max-width: 225px;
	padding: 10px 12px;
	box-sizing: border-box;
	box-shadow: 0 22px 9px var(--shadow-logo-tooltip-layer-1), 0 12px 7px var(--shadow-logo-tooltip-layer-2), 0 5px 5px var(--shadow-logo-tooltip-layer-3), 0 1px 3px var(--shadow-logo-tooltip-layer-4);
	background: var(--color-surface);
	border-radius: 8px;
	white-space: normal;
	word-break: break-word;
	overflow-wrap: break-word;
	line-height: 1.4;
	text-align: center;
	opacity: 0;
	transition: opacity .3s ease;
	pointer-events: none;
	z-index: 1000;
}

.mtp-marquee .logo-tooltip * {
	max-width: 100%;
	overflow: hidden;
}

.mtp-marquee .logo-tooltip:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%);
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid var(--color-border-inverse)
}

.mtp-marquee .logo-tooltip:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%);
	width: 0;
	height: 0;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-top: 7px solid var(--color-overlay-tooltip-arrow);
	z-index: -1
}

.mtp-marquee .logo-tooltip.visible {
	opacity: 1
}

.mtp-marquee .logo-tooltip.flipped:after {
	top: -6px;
	border-top: none;
	border-bottom: 6px solid var(--color-border-inverse)
}

.mtp-marquee .logo-tooltip.flipped:before {
	top: -7px;
	border-top: none;
	border-bottom: 7px solid var(--color-overlay-tooltip-arrow)
}

.mtp-top-header .thumb,
.buy-service-home-hero-footer .thumb {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: max-content;
	cursor: pointer;
	border-radius: 15px;
	overflow: hidden;
	margin: 0 auto
}

.mtp-top-header .thumb img,
.buy-service-home-hero-footer .thumb img {
	display: block;
	width: 128px;
	max-width: 80vw;
	height: auto
}

.mtp-top-header .thumb .play-btn,
.buy-service-home-hero-footer .thumb .play-btn {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 42px;
	height: 42px;
	border-radius: 50%;
	display: grid;
	place-items: center;
	background: var(--section-play-bg);
	backdrop-filter: blur(2px);
	transition: 200ms all
}

.mtp-top-header .thumb:hover .play-btn,
.buy-service-home-hero-footer .thumb:hover .play-btn {
	background: var(--section-play-bg-hover);
	transition: 200ms all
}

.mtp-top-header .play-btn svg,
.buy-service-home-hero-footer .play-btn svg {
	width: 36px;
	height: 36px;
	fill: var(--color-text-inverse)
}

.mtp-top .home-rates {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px
}

.mtp-top-footer {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: clamp(40px, 3.5vw, 64px)
}

.home-hero-actions {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: clamp(12px, 1vw, 18px);
	padding-bottom: clamp(14px, 1.25vw, 22px);
}

.home-hero-actions .mtp-top-footer {
	margin-bottom: 0;
}

/* Platform pages reuse the homepage payment row. Their Hero ends immediately
 * after the shared action wrapper, so reserve the homepage's trailing rhythm
 * here without changing the homepage surface itself. */
[data-panel-service-surface] .mtp-top .home-hero-actions[data-panel-hero-actions] {
	padding-bottom: calc(clamp(14px, 1.25vw, 22px) + 35px);
}

.home-hero-payment-methods {
	display: grid;
	grid-template-columns: repeat(6, 54px);
	gap: 8px 10px;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	list-style: none;
}

.home-hero-payment-methods img {
	display: block;
	width: 54px;
	height: auto;
}

.mtp-top .home-rates {
	margin-bottom: 10px
}

.mtp-top .home-rates svg {
	margin-top: -7px;
	border-right: 1px solid var(--color-text-ink);
	padding-right: 10px
}

.mtp-top .home-rates .trust {
	flex-direction: column;
	align-items: flex-start;
	padding-bottom: 0;
	gap: 0;
	font-size: 12px
}

@media (max-width: 768px) {
	.mtp-top-footer {
		flex-direction: column;
		margin-bottom: 32px
	}

	.home-hero-actions {
		gap: 14px;
		padding-bottom: 24px;
	}

	.home-hero-actions .mtp-top-footer {
		margin-bottom: 0;
	}

	.home-hero-payment-methods {
		grid-template-columns: repeat(6, 42px);
		gap: 7px;
	}

	.home-hero-payment-methods img {
		width: 42px;
	}

	.mtp-marquee .logo-marquee .marquee-track {
		margin-top: -50px;
		margin-bottom: -50px;
		padding-top: 50px;
		padding-bottom: 1.5rem
	}

	.mtp-marquee .logo-marquee .marquee-content {
		gap: clamp(1.5rem, 1.2rem + 1.5vw, 2.25rem)
	}

	.mtp-marquee .logo-marquee .logo-item {
		min-width: 120px;
		height: 100px
	}

	.mtp-marquee .logo-marquee .logo-slide {
		padding: clamp(.5rem, .4rem + .5vw, .75rem)
	}

	.mtp-marquee .logo-marquee .logo-slide img {
		width: auto;
		height: 28px
	}

	.mtp-marquee .logo-tooltip {
		font-size: 12px !important;
		padding: 6px 10px !important
	}
}

.mtp-marquee .logo-marquee .marquee-content {
	transform: translateZ(0);
	backface-visibility: hidden;
	perspective: 1000px
}

.mtp-marquee .logo-marquee .logo-slide {
	transform: translateZ(0);
	backface-visibility: hidden
}

@media (prefers-reduced-motion: reduce) {
	.mtp-marquee .logo-marquee .logo-slide {
		transition: none
	}

	.mtp-marquee .logo-marquee .logo-slide img {
		transition: none
	}

	.mtp-marquee .logo-marquee .logo-slide:hover {
		transform: none
	}

	.mtp-marquee .logo-marquee .logo-slide:hover img {
		transform: none
	}

}

@media (max-width: 991.98px) {
	.mtp-margin {
		margin: 25px 0;
	}

	#product-start {
		padding-top: 100px;
	}

.mtp-top-header h1 {
	font-size: var(--type-size-display-mobile);
	max-width: 100%;
}

.mtp-top-header p {
	font-size: var(--type-size-ui);
	line-height: 1.7;
}

	.mtp-top-header {
		gap: 15px;
	}

	.buy-service-home-hero-footer {
		gap: 15px;
		margin-top: 15px;
		padding-bottom: 15px;
	}

.mtp-top-images {
	top: 18px;
	bottom: auto;
	right: calc(440px - 50vw);
	width: min(48vw, 300px);
	opacity: .14;
}

	.mtp-top-features {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		row-gap: 7px;
		column-gap: 35px;
		padding-left: 0;
	}

	.mtp-top-features li {
		margin: auto
	}

	.mtp-top-features .mtp-top-features-item .title span svg {
		width: 10px;
	}

	.mtp-top-features .mtp-top-features-item .title {
		margin: unset;
	}

	.mtp-top-features .mtp-top-features-item .title p {
		font-size: 13px
	}

	.mtp-now {
		flex-direction: column;
		gap: 10px;
		width: 100%;
	}

	.mtp-tabs-menu .nav {
		display: flex;
		flex-wrap: nowrap;
		justify-content: flex-start;
	}

	.mtp-tabs-menu .nav .nav-item {
		padding-bottom: 10px;
	}

	.review-container {
		flex-direction: column;
	}

	.mtp-sliders {
		padding-top: 15px
	}

	.mtp-header h2,
	.mtp-header h2 span {
		font-size: var(--type-size-heading-2-mobile);
		font-weight: var(--font-weight-semibold);
	}

	.mtp-header p {
		font-size: 14px;
	}

	.mtp-case {
		padding: 25px 0 0 0;
	}

	.mtp-case .mtp-case-bg,
	.mtp-works .mtp-works-bg {
		opacity: .35
	}

	.case-box-container {
		padding: 35px 0 0 0;
	}

	.works-box-container .works-box {
		flex: 0 0 calc((100%) / 1);
	}

	.cost-factors-component .main-content {
		flex-direction: column;
		gap: 25px;
	}

	.cost-factors-component .image-placeholder {
		max-width: 300px;
		max-height: 300px;
		top: 0
	}

	.cost-factors-component {
		padding: 15px;
	}

	:where(.mtp-best) .best-packages {
		flex-direction: column;
	}

	.mtp-srv-bg {
		display: none
	}

	.mtp-srv-menu {
		max-width: 100%;
	}

	.mtp-srv-menu .nav {
		justify-content: flex-start
	}

	.mtp-srv-menu .nav .nav-item {
		padding-bottom: 5px;
	}

	.mtp-header h3 {
		font-size: var(--type-size-section-title-mobile);
	}

	.mtp-works {
		padding: 25px 0 0 0;
	}

	.works-box-container .progress-bar {
		display: none
	}

	.works-box-container .worksbox-controls {
		justify-content: center;
		gap: 15px;
	}

	.mtp-api-list {
		padding-top: 25px;
	}

	.mtp-api-wrapper {
		padding: 25px 15px;
	}

	.mtp-api-container {
		grid-template-columns: repeat(1, 1fr)
	}

	.mtp-calculator .category-boxes {
		grid-template-columns: repeat(2, 1fr);
		gap: 10px;
	}

	.mtp-api-list .mtp-paragraph {
		text-align: center;
	}

	.mtp-calculator .package-selector {
		padding: 25px 15px;
		margin: 35px auto 0 auto;
		max-width: 100%;
	}

	.mtp-calculator .cat-box {
		font-size: 14px;
	}

	.mtp-calculator .subcategory-boxes {
		grid-template-columns: repeat(2, 1fr);
	}

	.team-wrapper {
		grid-template-columns: repeat(1, 1fr);
		gap: 15px;
		margin-top: 35px;
	}

	.mtp-team .mtp-now {
		width: 100%;
		margin: 15px auto 35px auto;
	}

	.team-wrapper .team-item .team-content .name {
		font-size: 15px;
		line-height: 18px;
		margin-bottom: 0;
	}

	.team-wrapper .team-item .team-content {
		left: 40px;
	}

	.team-wrapper .team-item .team-content .designation {
		font-size: 10px;
	}

	.mtp-subscription .opinion-wrapper {
		padding: 15px;
		margin: 25px 0;
	}

	.mtp-subscription .opinion-wrapper .opinion-img-wrapper {
		display: none;
	}

	.mtp-subscription .subscribe-card .form-row {
		width: 100%;
		min-width: 100%;
	}

	.mtp-subscription .subscribe-card .alert.alert-warning {
		max-width: 100%;
	}

	.mtp-subscription .title {
		font-size: 24px;
		line-height: 32px;
		margin-bottom: 10px;
	}

	.mtp-subscription p {
		font-size: 14px;
		max-width: 100%;
		text-align: center;
		margin-bottom: 0
	}

	.mtp-subscription .subscribe-card {
		margin-top: 15px;
	}

	.mtp-instagram:before,
	.mtp-tiktok:before,
	.mtp-youtube:before,
	.mtp-facebook:before {
		display: none
	}

	.mtp-factors .cost-wrapper {
		display: flex;
		flex-direction: column
	}

	footer {
		padding: 25px 0 15px 0
	}

	footer .footer-alt-content {
		padding: 20px 7px;
		margin-top: 0;
	}

	.footer-flex .footer-left {
		padding-left: 0
	}

	.footer-center {
		gap: 42px 30px;
	}

	.mtp-api .nav {
		max-width: 100%;
		flex-direction: column;
	}

	.mtp-api .nav .nav-link {
		white-space: unset;
		text-align: center
	}

}

@media (max-width: 575.98px) {
	.mtp-top-images {
		display: none;
	}
}

.insta-pages .mtp-top-header h1 span,
.insta-pages .mtp-header h2 span {
	background: var(--gradient-platform-instagram-text);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative;
}

.insta-pages .mtp-top-header h1 span:before,
.insta-pages .mtp-header h2 span:before {
	background: var(--gradient-platform-instagram-text);
}

:where(.insta-pages) .mtp-margin .glow,
:where(.insta-pages) .mtp-calculator .package-selector:before {
	background: var(--gradient-platform-instagram-radial);
}

:where(.insta-pages) .mtp-top .home-seperator {
	background: var(--gradient-platform-instagram-radial);
}

.pinterest-pages {
	--platform-facebook: var(--platform-pinterest);
	--platform-facebook-alt: var(--platform-pinterest);
	--platform-facebook-tint: var(--platform-pinterest-tint);
	--platform-facebook-light: var(--platform-pinterest-light);
	--platform-facebook-mid: var(--platform-pinterest-mid);
	--platform-facebook-deep: var(--platform-pinterest-deep);
	--platform-facebook-ink: var(--platform-pinterest-ink);
	--platform-instagram-indigo: var(--platform-pinterest-deep);
	--platform-soundcloud-rgb: var(--platform-pinterest-rgb);
}

.facebook-pages .mtp-top-header h1 span,
.facebook-pages .mtp-header h2 span {
	background: var(--platform-facebook);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative;
}

.facebook-pages .mtp-top-header h1 span:before,
.facebook-pages .mtp-header h2 span:before {
	background-color: var(--platform-facebook)
}

:where(.facebook-pages) .mtp-margin .glow,
:where(.facebook-pages) .mtp-calculator .package-selector:before {
	background: var(--gradient-platform-facebook-radial)
}

:where(.facebook-pages) .mtp-top .home-seperator {
	background: var(--gradient-platform-facebook-radial)
}

.mtp-srv-content .p-card {
	position: relative;
	padding: 15px;
	background: var(--color-surface);
	border-radius: 15px;
	border: 1px solid var(--color-border);
	cursor: pointer;
	overflow: hidden;
}

:where(.mtp-srv-content) .p-card:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 100px;
	background: radial-gradient(circle at 30% 107%, var(--color-border) 0%, var(--color-border) 5%, var(--color-border) 45%, var(--color-border) 60%, var(--color-border) 90%);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

:where(.mtp-srv-content .p-card) .p-card-top {
	background: var(--color-surface-green-soft);
	border-radius: 15px;
	padding: 25px;
	border-left: 2px solid var(--color-success-bright)
}

:where(.mtp-srv-content .p-card .p-card-top) p {
	font-size: 14px;
	color: var(--color-text-muted-neutral);
	text-align: left;
	max-width: 100%;
	margin: 5px auto 25px auto;
}

:where(.mtp-srv-content .p-card .p-card-top) strong {
	font-size: 18px
}

:where(.mtp-srv-content .p-card .p-card-top) ul {
	padding-left: 0;
	color: var(--color-text);
	font-size: 14px;
	margin-bottom: 0
}

:where(.mtp-srv-content .p-card .p-card-top) ul li {
	list-style: none
}

:where(.mtp-srv-content .p-card .p-card-top) ul li strong {
	font-size: 14px
}

:where(.mtp-srv-content .p-card) .p-card-key {
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	background: rgba(var(--color-brand-bright-rgb), 1);
	border-radius: 15px;
	padding: 15px;
	margin: 15px 0;
}

:where(.mtp-srv-content .p-card .p-card-key):before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 15px;
	background: url(../images/shared-decorative-illustration-30.webp);
	background-size: contain;
	opacity: 0.15;
}

:where(.mtp-srv-content) .p-card .p-card-key strong {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-text-inverse)
}

:where(.mtp-srv-content) .p-card .p-card-key p {
	max-width: 100%;
	margin: 0;
	color: var(--color-surface-mint-soft)
}

:where(.mtp-srv-content .p-card) .p-card-boxes {
	display: flex;
	align-items: stretch;
	gap: 25px;
	position: relative;
	z-index: 3
}

:where(.mtp-srv-content .p-card .p-card-boxes) .item {
	display: flex;
	gap: 15px;
	flex-direction: column;
	flex: 1;
	background: var(--color-surface);
	padding: 20px 20px 0 20px;
	border-radius: 15px;
	border: 1px solid var(--color-border-green-soft);
	position: relative;
}

:where(.mtp-srv-content .p-card .p-card-boxes .item) strong {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-text-strong)
}

:where(.mtp-srv-content .p-card .p-card-boxes .item) p {
	max-width: 100%;
	text-align: left
}

/*
 * Shared buy-service information cards live inside legacy tab panes whose
 * default copy is centered. Keep these scan-oriented card sections aligned
 * to one left edge, matching the source-site component without changing the
 * card geometry or its responsive layout.
 */
.mtp-srv-content .p-card .p-card-top,
.mtp-srv-content .p-card .p-card-key,
.mtp-srv-content .p-card .p-card-boxes .item,
.mtp-srv-content .p-card .p-card-top p,
.mtp-srv-content .p-card .p-card-key p,
.mtp-srv-content .p-card .p-card-boxes .item p {
	text-align: left;
	max-width: none;
	margin-left: 0;
	margin-right: 0;
}

.mtp-srv-content .p-card .p-card-top p {
	margin-top: 5px;
	margin-bottom: 25px;
}

.mtp-srv-content .p-card .p-card-key p,
.mtp-srv-content .p-card .p-card-boxes .item p {
	margin-top: 0;
	margin-bottom: 0;
}

:where(.mtp-srv-content .p-card) .p-card-form {
	background: var(--color-surface-cool-alt);
	border-radius: 15px;
	border: 1px solid var(--color-border);
	padding: 15px;
	margin-top: 15px
}

:where(.mtp-srv-content .p-card .p-card-form) .form-control {
	border-radius: 10px;
	border: 1px solid var(--color-border);
	background: var(--color-surface);
	color: var(--color-text-ink);
	height: 50px;
	width: 100%;
}

.p-card-stepper-btn,
.p-card-stepper-btn:hover,
.p-card-stepper-btn:focus {
	outline: 0;
	border: 0;
	box-shadow: none
}

.p-card-stepper-btn-minus {
	border-radius: 10px 0 0 10px
}

:where(.mtp-srv-content .p-card .p-card-form .d-flex) .form-control {
	border-radius: 0
}

.p-card-stepper-btn-plus {
	border-radius: 0 10px 10px 0
}

:where(.mtp-srv-content .p-card .p-card-form) .p-card-price {
	border-radius: 10px;
	border: 1px solid var(--color-success-bright);
	background: var(--card-price-bg);
	height: 50px;
	width: 100%;
	font-size: 20px;
	font-weight: 600;
	color: var(--card-price-text);
	position: relative
}

:where(.mtp-srv-content .p-card .p-card-form .p-card-price) small {
	background: var(--platform-tiktok-red-deep);
	border-radius: 100px;
	color: var(--color-text-inverse);
	padding: 0 7px;
	font-size: 12px;
}

:where(.mtp-srv-content .p-card .p-card-form) .title {
	display: flex;
	align-items: center;
	background: var(--color-accent-warm);
	border-radius: 10px;
	padding: 5px;
	margin: 0 0 15px 0;
	justify-content: center;
	font-size: 20px;
	color: var(--color-text-inverse);
	font-weight: 600;
	text-transform: uppercase;
}

#videoModal .video-wrap {
	position: relative;
	padding-top: 56.25%;
	border-radius: 0 0 15px 15px;
}

#videoModal .video-wrap video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 0 0 15px 15px;
}

@keyframes live-slide-in {
	from {
		transform: translateX(120%);
		opacity: 0;
	}

	to {
		transform: translateX(0);
		opacity: 1;
	}
}

@keyframes live-pulse {

	0%,
	100% {
		opacity: 1;
		transform: scale(1);
	}

	50% {
		opacity: 0.6;
		transform: scale(1.3);
	}
}

@keyframes live-count-update {
	0% {
		transform: scale(1.2);
		opacity: 0.8;
	}

	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@media (max-width: 768px) {
}

@media (max-width: 480px) {
}

.faq-table {
	width: 100%;
	border-collapse: collapse;
}

.faq-table thead tr th {
	text-align: left;
	padding: 10px;
	border-bottom: 1px solid var(--color-border-inverse-subtle);
	background: var(--color-brand-strong);
	color: var(--color-text-inverse)
}

.faq-table tbody tr td {
	padding: 10px;
	border: 1px solid var(--color-border);
	vertical-align: top;
}

.mtp-best,
.mtp-cheap,
.mtp-calculator {
	position: relative
}

.mtp-best .mtp-srv-bg img,
.mtp-cheap .mtp-srv-bg img {
	position: absolute
}

.mtp-best .mtp-srv-bg img:nth-child(1) {
	max-width: 175px;
	top: 275px;
	left: 0;
}

.mtp-cheap .mtp-srv-bg img:nth-child(1) {
	max-width: 200px;
	bottom: 75px;
	right: 0;
}

.mtp-best:before {
	content: url('../images/mtp-side-wave-purple.svg');
	position: absolute;
	z-index: -1;
	left: 0;
	bottom: 0;
	max-height: 900px;
}

.mtp-calculator:before {
	content: url('../images/mtp-side-wave-purple.svg');
	position: absolute;
	z-index: -1;
	right: 0;
	bottom: 0;
	max-height: 900px;
	transform: rotate(180deg);
}

.bulk-packages {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 50px;
	gap: 15px;
}

.bulk-pack-item {
	position: relative;
	padding: 10px 15px;
	background: var(--color-surface-blue-faint);
	border: 1px solid var(--color-border);
	border-radius: 15px;
	transition: 150ms all;
	cursor: pointer;
	color: var(--color-text-strong)
}

.bulk-pack-item.active,
.bulk-pack-item:hover {
	background: var(--color-success-bright);
	border: 1px solid var(--color-surface-translucent-20);
	color: var(--color-text-inverse)
}

:where(.bulk-pack-item .pi-top .pi-title) .pi-hint {
	position: absolute;
	right: -15px;
	top: -7px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 20px;
	height: 20px;
	line-height: 1;
	z-index: 3;
	font-size: 10px;
	color: var(--service-package-hint-text)
}

:where(.bulk-pack-item.active .pi-top .pi-title) .pi-hint,
:where(.bulk-pack-item:hover .pi-top .pi-title) .pi-hint {
	color: var(--color-surface-mint-soft)
}

.bulk-pack-item .pi-top {
	display: flex;
	align-items: center;
	justify-content: center
}

:where(.bulk-pack-item .pi-top) .pi-check::before {
	content: "\f00c";
	font-family: "Font Awesome 7 Free";
	font-weight: 900;
	position: absolute;
	background: var(--service-package-check-bg);
	text-align: center;
	width: 20px;
	height: 20px;
	font-size: 13px;
	line-height: 20px;
	border-radius: 100%;
	color: var(--color-text-inverse);
	right: 10px;
	top: -10px;
	opacity: 0;
	visibility: hidden;
	transition: .2s cubic-bezier(0, 0, .34, .81);
}

:where(.bulk-pack-item.active .pi-top) .pi-check::before {
	opacity: 1;
	visibility: visible;
	transition: .2s cubic-bezier(0, 0, .34, .81);
}

:where(.bulk-pack-item .pi-center) p {
	font-size: 14px;
	text-align: center;
	margin-bottom: 0;
	color: var(--color-surface-mint-soft)
}

:where(.bulk-pack-item .pi-top) .pi-title {
	position: relative;
	font-size: 18px;
	font-weight: 600;
}

:where(.bulk-pack-item .pi-center) p {
	font-size: 14px;
	text-align: center;
	margin-bottom: 0;
	color: var(--color-surface-mint-soft)
}

.bulk-header {
	margin-top: 35px
}

.bulk-header h3 {
	position: relative;
	font-size: 20px;
	color: var(--color-text-ink);
	padding-left: 10px;
	text-align: center;
	margin-top: 25px
}

.bulk-header h3:before {
	content: "";
	position: absolute;
	bottom: -5px;
	height: 3px;
	width: 100px;
	border-radius: 30px;
	background: var(--color-action-bright);
	left: 0;
	right: 0;
	margin-left: auto;
	margin-right: auto;
}

.bulk-header .pack-desc {
	max-width: 650px;
	margin: 10px auto 0 auto;
	text-align: center;
	color: var(--color-text-muted-neutral);
}

.big-packages {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 50px;
	gap: 25px;
}

:where(.big-packages) .big-packages-item {
	--service-big-package-action-bg: var(--gradient-platform-instagram-text);
	--service-big-package-action-border: var(--platform-instagram-pink);
	--service-big-package-action-hover-bg: var(--color-success-bright);
	--service-big-package-action-hover-border: var(--color-success-bright);
	position: relative;
	background: var(--color-surface);
	border-radius: 15px;
	border: 1px solid var(--platform-instagram-pink);
	transition: all .3s ease;
	cursor: pointer;
	min-width: 200px;
	overflow: hidden;
}

:where(.insta-pages .big-packages) .big-packages-item {
	--service-big-package-action-bg: var(--gradient-platform-instagram-action);
	--service-big-package-action-hover-bg: var(--gradient-platform-instagram-action)
}

:where(.facebook-pages .big-packages) .big-packages-item {
	--service-big-package-action-bg: var(--platform-facebook);
	--service-big-package-action-border: var(--platform-facebook);
	border-color: var(--platform-facebook)
}

:where(.big-packages) .big-packages-item:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 100px;
	background: var(--gradient-platform-instagram-radial);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

:where(.facebook-pages .big-packages) .big-packages-item:after {
	background: radial-gradient(circle at 30% 107%, var(--platform-facebook) 0%, var(--platform-facebook) 5%, var(--platform-facebook) 45%, var(--platform-facebook) 60%, var(--platform-facebook) 90%);
}

:where(.big-packages .big-packages-item) .btn-primary {
	white-space: nowrap;
	margin-top: 15px;
	width: 100%;
	font-size: 16px;
	font-weight: 600;
	padding: 15px 10px;
}

:where(.big-packages .big-packages-item) .btn-primary,
:where(.big-packages .big-packages-item) .btn-primary:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--service-big-package-action-bg);
	border-color: var(--service-big-package-action-border);
	font-weight: 500;
	position: relative;
	z-index: 2;
	text-transform: uppercase;
}

:where(.big-packages .big-packages-item) .btn-primary:hover {
	background: var(--service-big-package-action-hover-bg);
	border-color: var(--service-big-package-action-hover-border);
}


:where(.big-packages .big-packages-item .btn-primary) i {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--color-surface-translucent-20);
	border-radius: 100%;
}

:where(.big-packages-item) .pi-top {
	display: flex;
	align-items: center;
	justify-content: center
}

:where(.big-packages-item .pi-top) .pi-title {
	font-size: 18px;
	font-weight: 600;
	color: var(--color-text-strong);
	background: var(--gradient-platform-instagram-text);
	width: 100%;
	padding: 20px 10px;
	text-align: center;
	color: var(--color-text-inverse);
}

:where(.facebook-pages .big-packages-item .pi-top) .pi-title {
	background: var(--platform-facebook)
}

:where(.big-packages-item .pi-top .pi-title):before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	border-radius: 15px;
	background: url(../images/shared-decorative-illustration-30.webp);
	background-size: contain;
	opacity: 0.15;
}

:where(.big-packages .big-packages-item) .pi-alt {
	padding: 15px;
}

:where(.big-packages-item) .pi-center {
	display: flex;
	flex-direction: column;
	padding: 0 0 15px 0;
}

:where(.big-packages-item .pi-center) ul {
	padding-left: 0;
	margin-bottom: 0;
	color: var(--color-text-strong)
}

:where(.big-packages-item .pi-center ul) li {
	list-style-type: none;
	font-size: 16px;
	padding: 5px 0;
}

:where(.big-packages-item) .pi-center>ul>li>i {
	font-size: 13px;
	width: 20px;
	color: var(--color-success-bright);
}

:where(.big-packages-item) .pi-bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid var(--color-border-blue-faint);
	padding-top: 5px;
}

:where(.big-packages-item .pi-bottom) .old {
	text-decoration-line: line-through;
	line-height: 12px;
	color: var(--service-package-old-price-text);
}

:where(.big-packages-item .pi-bottom) .new {
	font-size: 24px;
	font-weight: 600;
	color: var(--color-success-bright);
}

.calc-alt {
	background: var(--color-surface-green-soft);
	border-radius: 15px;
	padding: 25px;
	border-left: 2px solid var(--color-success-bright);
	margin-top: 15px
}

.calc-alt strong {
	font-size: 18px;
}

.calc-alt p {
	font-size: 14px;
	color: var(--color-text-muted-neutral);
	text-align: left;
	max-width: 100%;
	margin-bottom: 0
}

.blog-box .bb-wrapper .bb-content {
	font-size: 14px
}

.blog-box .bb-wrapper .bb-content [style*="font-family"],
.blog-box .bb-wrapper .bb-content [style*="font-family"] * {
	font-family: var(--font-body) !important;
	letter-spacing: var(--letter-spacing-body) !important;
}

.blog-box .bb-wrapper .bb-content h2 {
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
	margin: 35px 0 15px;
}

.blog-box .bb-wrapper .bb-content h3 {
	font-size: 20px;
	font-weight: 700;
	line-height: 30px;
	margin: 25px 0 12px;
}

.blog-box .bb-wrapper .bb-content h4 {
	font-size: 16px;
	font-weight: 700;
	line-height: 30px;
	margin: 25px 0 12px;
}

.blog-box .bb-wrapper .bb-content h5 {
	font-size: 16px;
	font-weight: 700;
	line-height: 30px;
	margin: 25px 0 12px;
}

.blog-box .bb-wrapper .bb-content h2,
.blog-box .bb-wrapper .bb-content h3,
.blog-box .bb-wrapper .bb-content h4,
.blog-box .bb-wrapper .bb-content h5 {
	color: var(--color-brand-strong)
}

.blog-box .bb-wrapper .bb-content a {
	color: var(--color-brand-strong)
}


.blog-box .bb-wrapper .bb-content ol li::marker {
	font-size: 22px;
	font-weight: 700;
	line-height: 32px;
	color: var(--color-brand-strong);
}

.insta-pages .mtp-api .nav,
.facebook-pages .mtp-api .nav {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	width: auto;
	gap: 10px;
	padding: 10px;
}

.insta-pages .mtp-api .nav .nav-link,
.facebook-pages .mtp-api .nav .nav-link {
	border-radius: 10px;
	gap: 5px;
	padding: 10px;
}

.insta-pages .mtp-api .nav .nav-link h3,
.facebook-pages .mtp-api .nav .nav-link h3 {
	font-size: 16px;
}

.insta-pages .mtp-api-wrapper {
	background: linear-gradient(180deg, rgba(var(--platform-instagram-pink-rgb), .46) 0%, rgba(var(--platform-instagram-orange-rgb), .28) 45%, transparent 100%)
}

.facebook-pages .mtp-api-wrapper {
	background: linear-gradient(rgba(var(--platform-soundcloud-rgb), .65) 0, var(--color-decor-magenta) 45%, transparent 100%)
}

.insta-pages .mtp-api .nav .nav-link.active,
.facebook-pages .mtp-api .nav .nav-link.active {
	background: var(--color-text-ink) !important;
}

.insta-pages .mtp-api .mtp-header p,
.facebook-pages .mtp-api .mtp-header p {
	color: var(--color-text-muted-neutral)
}

.mtp-why h2 span {
	background: var(--gradient-platform-instagram-text);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative;
}

.mtp-why h2 span:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	border-radius: 4px;
	background: var(--gradient-platform-instagram-text);
	top: 60%;
	width: 100%;
	height: 32%;
	opacity: 0.15;
}

.mtp-why h2 {
	font-family: var(--font-display);
	font-size: var(--type-size-heading-2);
	font-weight: var(--font-weight-bold);
	letter-spacing: var(--type-tracking-heading);
	line-height: var(--type-leading-title)
}

.mtp-why h2,
.mtp-why p {
	color: var(--color-text-ink);
}

.mtp-why.why-more {
	background: url(../images/shared-decorative-illustration-05.webp);
	background-repeat: no-repeat;
}

.mtp-why .ww-boxes-2 {
	background: var(--gradient-platform-instagram-radial);
	background-size: 200% 200%;
	padding: 25px 25px 0 25px;
	border-radius: 25px;
	position: relative;
	overflow: hidden;
	animation: 6s ease 0s infinite normal none running ctaBg;
	max-width: 375px;
}

.mtp-why .ww-boxes-2::before {
	content: '';
	position: absolute;
	background-image: url(../images/shared-decorative-illustration-12.webp);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
	height: 100%;
	top: 0;
	right: -25px;
}

@keyframes ctaBg {
	0% {
		background-position: 0 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0 50%;
	}
}

.mtp-why .ww-boxes-2 .ww-b2-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	padding: 50px 15px;
	text-align: center;
}

.mtp-why .ww-boxes-2 small {
	font-size: 24px;
	line-height: 32px;
	font-weight: 600;
	color: var(--color-text-inverse);
}

.mtp-why .ww-boxes-2 p {
	font-size: 14px;
	color: var(--color-decor-purple-soft);
	margin: auto;
}

.mtp-why .ww-boxes-2 .btn {
	--button-text: var(--color-text-why-button);
	--button-hover-text: var(--color-text-why-button);
	background: var(--color-surface);
	border-radius: 10px;
	color: var(--button-text);
	height: 50px;
	line-height: 28px;
	max-width: 225px;
	margin: auto;
	font-weight: 600;
}

.facebook-pages .mtp-header h3 span,
.facebook-pages .mtp-why h2 span {
	background: var(--platform-facebook);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 600;
	position: relative;
}

.facebook-pages .mtp-header h3 span:before,
.facebook-pages .mtp-why h2 span:before {
	background-color: var(--platform-facebook);
}

.facebook-pages .mtp-why .ww-boxes-2 {
	background: var(--gradient-platform-facebook-blue-radial)
}

.facebook-pages .mtp-why .ww-boxes-2 .btn {
	--button-text: var(--platform-facebook);
	--button-hover-text: var(--platform-facebook);
	color: var(--button-text);
}

:where(.facebook-pages .mtp-instagram .best-swiper .item-wrapper) .title h3 {
	font-size: 22px;
}

:where(.facebook-pages .mtp-instagram .best-swiper) .item-wrapper {
	--service-best-swiper-action-bg: var(--gradient-platform-facebook-deep-radial);
}

:where(.facebook-pages .mtp-instagram .best-swiper) .item:before {
	background: var(--gradient-platform-facebook-radial);
}

:where(.facebook-pages .mtp-instagram .best-swiper) .item .icon {
	background: var(--gradient-platform-facebook-radial);
	border-radius: 100%;
}

.facebook-pages .ceo-message {
	background: var(--color-surface-blue-faint);
	border: 1px solid var(--color-border);
	border-radius: 15px;
	padding: 35px 75px;
	position: relative;
	overflow: hidden;
	margin-top: 25px
}

.facebook-pages .ceo-message:before {
	background: var(--gradient-platform-facebook-radial);
	content: "";
	position: absolute;
	height: 100px;
	content: '';
	bottom: -50px;
	left: 0;
	width: 100%;
	height: 50px;
	-webkit-filter: blur(37px);
	filter: blur(37px);
	z-index: 1;
}

.facebook-pages .ceo-message p {
	color: var(--color-text-ink)
}

.tiktok-pages .ceo-message {
	background: var(--color-surface-blue-faint);
	border: 1px solid var(--color-border);
	border-radius: 15px;
	padding: 35px 75px;
	position: relative;
	overflow: hidden;
	margin-top: 25px
}

.tiktok-pages .ceo-message:before {
	background: var(--gradient-platform-tiktok-radial);
	content: "";
	position: absolute;
	height: 100px;
	content: '';
	bottom: -50px;
	left: 0;
	width: 100%;
	height: 50px;
	-webkit-filter: blur(37px);
	filter: blur(37px);
	z-index: 1;
}

.tiktok-pages .ceo-message p {
	color: var(--color-text-ink)
}

.tiktok-pages .mtp-top-header h1 span,
.tiktok-pages .mtp-header h2 span,
.tiktok-pages .mtp-why h2 span,
.tiktok-pages .mtp-header h3 span {
	text-shadow: 1px 1px var(--platform-tiktok-red-glow), -1px -1px var(--platform-tiktok-cyan);
	color: var(--platform-tiktok-black);
}

.tiktok-pages .mtp-top-header h1 span:before,
.tiktok-pages .mtp-header h2 span:before,
.tiktok-pages .mtp-why h2 span:before,
.tiktok-pages .mtp-header h3 span:before {
	background-color: var(--platform-tiktok-red-glow);
}

:where(.tiktok-pages .mtp-why) .ww-boxes-2,
:where(.tiktok-pages .ceo-message):before,
:where(.tiktok-pages .mtp-instagram .best-swiper .item) .icon,
:where(.tiktok-pages .mtp-instagram .best-swiper .item):before,
:where(.tiktok-pages .mtp-top) .home-seperator,
:where(.tiktok-pages .mtp-margin) .glow,
:where(.tiktok-pages .mtp-ceo) .ceo-message:before {
	background: radial-gradient(circle at 20% 20%, var(--platform-tiktok-radial-hot) 0%, transparent 60%), radial-gradient(circle at 100% 100%, var(--platform-tiktok-radial-cyan) 0%, transparent 60%), var(--color-surface-inverse)
}

:where(.tiktok-pages .mtp-instagram .best-swiper) .item-wrapper {
	--service-best-swiper-action-bg: var(--color-text-ink);
}

:where(.tiktok-pages .mtp-instagram .best-swiper .item-wrapper) .title h3 {
	font-size: 18px
}

:where(.youtube-pages .mtp-why) .ww-boxes-2,
:where(.youtube-pages .tiktok-pages .ceo-message):before,
:where(.youtube-pages .mtp-instagram .best-swiper .item):before,
:where(.youtube-pages .mtp-top) .home-seperator,
:where(.youtube-pages .mtp-margin) .glow,
:where(.youtube-pages .mtp-ceo) .ceo-message:before {
	background: rgba(var(--platform-youtube-rgb), .31)
}

:where(.youtube-pages .mtp-instagram .best-swiper) .item .icon {
	background: var(--platform-youtube);
	border-radius: 10px
}

:where(.youtube-pages .mtp-instagram .best-swiper) .item-wrapper {
	--service-best-swiper-action-bg: var(--platform-youtube);
}

.youtube-pages .mtp-top-header h1 span,
.youtube-pages .mtp-header h2 span,
.youtube-pages .mtp-why h2 span,
.youtube-pages .mtp-header h3 span {
	background: var(--platform-youtube);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative
}

.youtube-pages .mtp-top-header h1 span:before,
.youtube-pages .mtp-header h2 span:before {
	background-color: var(--platform-youtube)
}

:where(.product-packages) .item {
	padding: 15px;
	background: var(--color-surface);
	border-radius: 15px;
	border: 1px solid var(--color-border);
	border-left: 4px solid var(--color-action-bright);
	position: relative;
	overflow: hidden
}

:where(.product-packages) .item:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 100px;
	background: radial-gradient(circle at 30% 107%, var(--color-border) 0%, var(--color-border) 5%, var(--color-border) 45%, var(--color-border) 60%, var(--color-border) 90%);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

:where(.product-packages) .item small {
	font-size: 16px;
	font-weight: 600;
	color: var(--color-text-ink)
}

:where(.product-packages) .item p {
	font-size: 14px;
	color: var(--color-text-muted-neutral);
}

:where(.product-packages .item .tags) span {
	background: var(--service-product-package-tag-bg, var(--color-action-bright-soft));
	padding: 1px 7px;
	border-radius: 10px;
	border: 1px solid var(--service-product-package-tag-border, var(--color-action-bright));
	color: var(--service-product-package-tag-text, var(--color-action-bright));
	font-size: 13px;
	font-weight: 600;
}

:where(.twitter-pages .product-packages) .item {
	border-left-color: var(--platform-twitter)
}

:where(.twitter-pages .product-packages) {
	--service-product-package-tag-bg: var(--platform-twitter-tag-bg);
	--service-product-package-tag-border: var(--platform-twitter);
	--service-product-package-tag-text: var(--platform-twitter);
}

:where(.youtube-pages .product-packages) .item {
	border-left-color: var(--platform-youtube)
}

:where(.youtube-pages .product-packages) {
	--service-product-package-tag-bg: var(--platform-youtube-tag-bg);
	--service-product-package-tag-border: var(--platform-youtube);
	--service-product-package-tag-text: var(--platform-youtube);
}

.spotify-pages .mtp-instagram .mtp-header h2 span {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-legacy-163);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative;
}

.spotify-pages .mtp-instagram .mtp-header h2 span:before {
	background-color: var(--color-success-bright);
}

:where(.spotify-pages .mtp-instagram .best-swiper) .item .icon {
	background: rgb(var(--color-brand-rgb));
	background: var(--gradient-brand-legacy-163);
}

:where(.spotify-pages .mtp-instagram .best-swiper) .item-wrapper {
	--service-best-swiper-action-bg: var(--color-success-bright);
}

:where(.spotify-pages .mtp-instagram .best-swiper) .item:before {
	background: radial-gradient(circle at 30% 107%, rgba(var(--color-brand-rgb), 1) 0%, rgba(var(--color-brand-rgb), 1) 5%, rgba(var(--color-brand-rgb), 1) 45%, rgba(var(--color-brand-bright-rgb), 1) 60%, rgba(var(--color-brand-bright-rgb), 1) 90%);
}

@media(max-width: 991.98px) {
	:where(.mtp-srv-content .p-card) .p-card-boxes {
		flex-direction: column;
		gap: 10px
	}

	.bulk-packages {
		grid-template-columns: repeat(1, 1fr);
		margin-top: 25px;
		gap: 10px;
	}

	.big-packages {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		margin-top: 25px;
		gap: 10px;
	}

	.blog-box .bb-wrapper .bb-content {
		order: 2
	}

	.blog-box .bb-wrapper .bb-content h2 {
		font-size: 18px;
		margin: 15px 0 15px;
	}

	.blog-box .bb-wrapper .bb-content h3 {
		font-size: 16px;
		margin: 10px 0 10px;
	}

	.insta-pages .mtp-api .nav {
		grid-template-columns: repeat(1, 1fr);
	}

	.mtp-why h2,
	.mtp-header h2 span {
		font-size: 28px;
		font-weight: 600;
	}

	.mtp-why p {
		text-align: center
	}
}

.modal-body a {
	color: var(--color-action-bright)
}

.snapchat-pages .mtp-instagram .mtp-header h2 span {
	background: var(--platform-snapchat);
	background: var(--gradient-platform-snapchat-163);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative;
}

.snapchat-pages .mtp-instagram .mtp-header h2 span:before {
	background-color: var(--platform-snapchat)
}

:where(.snapchat-pages .mtp-instagram .best-swiper) .item .icon {
	background: var(--platform-snapchat);
	background: var(--gradient-platform-snapchat-163);
}

:where(.snapchat-pages .mtp-instagram .best-swiper) .item-wrapper {
	--service-best-swiper-action-bg: var(--platform-snapchat);
}

:where(.snapchat-pages .mtp-instagram .best-swiper) .item-wrapper .btn-primary {
	--button-text: var(--color-text-ink);
	--button-hover-text: var(--color-text-ink);
	color: var(--button-text)
}

:where(.snapchat-pages .mtp-instagram .best-swiper) .item:before {
	background: var(--gradient-platform-snapchat-radial);
}

.snapchat-pages .mtp-top-header h1 span,
.snapchat-pages .mtp-header h2 span,
.snapchat-pages .mtp-why h2 span,
.snapchat-pages .mtp-header h3 span {
	background: var(--platform-snapchat);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative
}

.snapchat-pages .mtp-top-header h1 span:before,
.snapchat-pages .mtp-header h2 span:before {
	background-color: var(--platform-snapchat)
}

:where(.snapchat-pages .mtp-why) .ww-boxes-2,
:where(.snapchat-pages .tiktok-pages .ceo-message):before,
:where(.snapchat-pages .mtp-instagram .best-swiper .item):before,
:where(.snapchat-pages .mtp-top) .home-seperator,
:where(.snapchat-pages .mtp-margin) .glow,
:where(.snapchat-pages .mtp-ceo) .ceo-message:before {
	background: rgba(var(--platform-snapchat-rgb), .44)
}

:where(.snapchat-pages .product-packages) .item {
	border-left: 4px solid var(--platform-snapchat);
}

:where(.snapchat-pages .product-packages) {
	--service-product-package-tag-bg: var(--platform-snapchat-tag-bg);
	--service-product-package-tag-border: var(--platform-snapchat);
	--service-product-package-tag-text: var(--platform-snapchat-tag-text);
}

.soundcloud-pages .mtp-instagram .mtp-header h2 span {
	background: var(--platform-soundcloud);
	background: var(--gradient-platform-soundcloud-163);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative;
}

.soundcloud-pages .mtp-instagram .mtp-header h2 span:before {
	background-color: var(--platform-soundcloud)
}

:where(.soundcloud-pages .mtp-instagram .best-swiper) .item .icon {
	background: var(--platform-soundcloud);
	background: var(--gradient-platform-soundcloud-163);
	border-radius: 100%
}

:where(.soundcloud-pages .mtp-instagram .best-swiper) .item-wrapper {
	--service-best-swiper-action-bg: var(--platform-soundcloud);
}

:where(.soundcloud-pages .mtp-instagram .best-swiper) .item:before {
	background: var(--gradient-platform-soundcloud-radial);
}

.soundcloud-pages .mtp-top-header h1 span,
.soundcloud-pages .mtp-header h2 span,
.soundcloud-pages .mtp-why h2 span,
.soundcloud-pages .mtp-header h3 span {
	background: var(--platform-soundcloud);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative
}

.soundcloud-pages .mtp-top-header h1 span:before,
.soundcloud-pages .mtp-header h2 span:before {
	background-color: var(--platform-soundcloud)
}

:where(.soundcloud-pages .mtp-why) .ww-boxes-2,
:where(.soundcloud-pages .tiktok-pages .ceo-message):before,
:where(.soundcloud-pages .mtp-instagram .best-swiper .item):before,
:where(.soundcloud-pages .mtp-top) .home-seperator,
:where(.soundcloud-pages .mtp-margin) .glow,
:where(.soundcloud-pages .mtp-ceo) .ceo-message:before {
	background: rgba(var(--platform-soundcloud-rgb), .44)
}

:where(.soundcloud-pages .product-packages) .item {
	border-left: 4px solid var(--platform-soundcloud)
}

:where(.soundcloud-pages .product-packages) {
	--service-product-package-tag-bg: var(--platform-soundcloud-tag-bg);
	--service-product-package-tag-border: var(--platform-soundcloud);
	--service-product-package-tag-text: var(--platform-soundcloud);
}

.mtp-team.story-7 .team-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	margin-top: 25px
}

.mtp-team.story-7 .team-wrapper .team-item {
	max-width: 225px;
}

.mtp-owner-area {
	margin: 35px 0
}

.mtp-owner-area .mtp-owner-img {
	position: relative;
	width: 250px;
	aspect-ratio: 2 / 3;
	overflow: hidden;
	border-radius: 15px
}

.mtp-owner-area .mtp-owner-img:before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: linear-gradient(180deg, var(--section-team-image-overlay-start) 35%, var(--section-team-image-overlay-end) 78%);
	z-index: 0;
	transition: all 0.5s linear;
	border-radius: 0 0 15px 15px;
}

.mtp-owner-area .mtp-owner-img img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 15px;
	max-width: 250px;
}

.mtp-owner-area .mtp-owner-img .team-content {
	position: absolute;
	left: 50px;
	bottom: 15px;
	z-index: 5;
}

.mtp-owner-area .mtp-owner-img .team-content .name {
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
	position: relative;
	z-index: 1;
	color: var(--color-text-inverse);
}

.mtp-owner-area .mtp-owner-img .team-content .name:before {
	content: "";
	position: absolute;
	height: 40px;
	width: 20px;
	top: 50%;
	left: -30px;
	transform: translateY(-50%);
	background: var(--color-success-bright);
	z-index: -1;
	transition: all 0.3s linear;
	border-radius: 5px;
}

.mtp-owner-area .mtp-owner-img .team-content .designation {
	font-size: 12px;
	line-height: 24px;
	position: relative;
	z-index: 1;
	color: var(--color-text-inverse);
}

.mtp-owner-area {
	display: flex;
	gap: 35px
}

.mtp-owner-text {
	background: var(--color-surface-blue-faint);
	border: 1px solid var(--color-border);
	border-radius: 15px;
	padding: 25px 50px;
	position: relative;
	overflow: hidden;
}

.mtp-owner-text:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 75px;
	background: var(--gradient-social-green-radial);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

.story-8 .mtp-srv-content {
	width: 100%;
}

.story-8 .social-links {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 15px;
	padding-left: 0;
	padding-top: 25px
}

.story-8 .social-links li {
	list-style-type: none
}

.story-8 .social-links li {
	width: 44px;
	height: 44px;
	text-align: center;
	border-radius: 10px;
	line-height: 44px;
	font-size: 18px;
	background: var(--color-action-bright);
	border: 1px solid var(--color-action-bright);
	cursor: pointer;
	transition: 250ms all;
}

.story-8 :where(.social-links li) a,
.story-8 :where(.social-links li:hover) a {
	color: var(--color-text-inverse)
}

.story-8 :where(.social-links li:hover) {
	opacity: .8;
	transition: 250ms all;
}

.policy-content {
	background: var(--color-surface-blue-faint);
	border: 1px solid var(--color-border);
	border-radius: 15px;
	padding: 25px 50px;
	position: relative;
	overflow: hidden;
	margin-top: 35px
}

.policy-content:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 75px;
	background: var(--gradient-social-green-radial);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

.policy-content p {
	font-size: 15px;
	margin: 15px auto;
	color: var(--color-text-muted-neutral);
	max-width: 850px;
	text-align: center
}

.mtp-ceo-2 .ceo-message {
	background: var(--color-surface-blue-faint);
	border: 1px solid var(--color-border);
	border-radius: 15px;
	padding: 35px 50px;
	position: relative;
	overflow: hidden;
}

.mtp-ceo-2 .ceo-message:after {
	content: '';
	position: absolute;
	bottom: -100px;
	left: 0;
	width: 100%;
	height: 75px;
	background: var(--gradient-social-green-radial);
	-webkit-filter: blur(57px);
	filter: blur(57px);
	z-index: 1;
}

@media (max-width: 991.98px) {
	.meet-header h1 {
		font-size: 24px;
	}

	.story-2 {
		padding: 0;
	}

	.story-img-geo {
		padding: 10px 28px 20px 10px;
	}

	.story-img-geo--vision {
		padding: 10px 10px 20px 28px;
	}

	.story-img-geo::before {
		width: 58px;
		height: 58px;
	}

	.story-img-geo::after {
		width: 18px;
		height: auto;
		background:
			linear-gradient(rgba(var(--color-brand-rgb), .48), rgba(var(--color-brand-rgb), .48)) 0 0 / 8px 8px no-repeat,
			linear-gradient(rgba(var(--color-brand-bright-rgb), .38), rgba(var(--color-brand-bright-rgb), .38)) 0 100% / 8px 8px no-repeat,
			linear-gradient(rgba(var(--color-brand-rgb), .20), rgba(var(--color-brand-rgb), .20)) 100% 50% / 14px 58px no-repeat;
	}

	.story-img-geo--vision::after {
		background:
			linear-gradient(rgba(var(--color-brand-rgb), .48), rgba(var(--color-brand-rgb), .48)) 100% 0 / 8px 8px no-repeat,
			linear-gradient(rgba(var(--color-brand-bright-rgb), .38), rgba(var(--color-brand-bright-rgb), .38)) 100% 100% / 8px 8px no-repeat,
			linear-gradient(rgba(var(--color-brand-rgb), .20), rgba(var(--color-brand-rgb), .20)) 0 50% / 14px 58px no-repeat;
	}

	.story-text-1 h2 {
		font-size: 24px;
	}

	.story-4 .mtp-header h2,
	.story-4 .mtp-header h2 span {
		font-size: 24px;
		font-weight: 600;
	}

	.mtp-owner-area {
		gap: 15px;
		flex-direction: column;
	}

	.mtp-owner-text {
		padding: 15px;
		text-align: center;
	}

	.mtp-owner-area .mtp-owner-img {
		width: 100%;
	}

	.mtp-owner-area .mtp-owner-img img {
		max-width: 100%;
	}

	.mtp-team.story-7 .team-wrapper {
		flex-direction: column;
	}

	.policy-content {
		padding: 15px;
	}
}

.modal {
	z-index: 9999 !important
}

.dp-top {
	background: var(--color-surface-green-soft);
	padding: 15px;
	border-radius: 15px;
}

.dp-top .section-title,
.dp-center .section-title {
	font-size: 15px;
	font-weight: 800;
}

.dp-top .icon-box {
	width: 30px;
	height: 30px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color-decor-forest-bright);
	color: var(--color-text-inverse)
}

.dp-top .range-wrap {
	margin-bottom: 30px;
}

.dp-top .range-head {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}

.dp-top .range-label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 700;
	color: var(--color-text-ink);
}

.dp-top .range-label svg {
	width: 18px;
	height: 18px;
	stroke: var(--color-decor-forest-bright)
}

.dp-top .value-pill {
	background: var(--color-surface-badge-soft);
	color: var(--color-text-badge-strong);
	padding: 4px 10px;
	border-radius: 8px;
	font-size: 11px;
	font-weight: 800;
}

.dp-top .muted {
	color: var(--color-text-muted-flat);
}

.dp-top input[type=range] {
	-webkit-appearance: none;
	width: 100%;
	height: 6px;
	border-radius: 999px;
	background: var(--color-surface-neutral-line);
}

.dp-top input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--color-surface);
	border: 2px solid var(--color-decor-forest-bright);
	cursor: pointer;
}

.dp-top .hours-switch button {
	width: 100%;
	border: none;
	border-radius: 12px;
	padding: 20px 0;
	font-size: 11px;
	font-weight: 700;
}

.dp-top .hours-switch .active {
	background: var(--color-decor-black-deep);
	color: var(--color-text-inverse);
	border: 1px solid var(--color-decor-black-deep)
}

.dp-top .hours-switch .inactive {
	background: var(--color-surface);
	color: var(--color-text-muted-flat);
	border: 1px solid var(--color-border-soft);
}

.dp-top .phase-option {
	background: var(--color-surface);
	border: 1px solid var(--color-border-soft);
	border-radius: 15px;
	padding: 14px;
	cursor: pointer;
	transition: .2s;
	height: 100%;
}

.dp-top .phase-option:hover {
	transform: translateY(-2px);
}

.dp-top .phase-option.active {
	border: 1px solid var(--color-success-bright)
}

.dp-top .phase-option svg rect {
	transition: fill .2s ease;
}

.dp-top .phase-option svg rect {
	fill: var(--color-surface-neutral-line);
}

.dp-top .phase-option.active svg rect {
	fill: var(--color-success-bright)
}

.dp-top .phase-title {
	font-size: 12px;
	font-weight: 800;
}

.dp-top .phase-sub {
	font-size: 10px;
	color: var(--color-text-muted-flat);
}

.dp-top .mini-svg {
	width: 100%;
	height: 28px;
	margin-bottom: 10px;
}

.dp-bottom .stats-number {
	font-size: 24px;
	font-weight: 900;
}

.dp-center {
	margin-top: 15px
}

.dp-center .legend {
	display: flex;
	gap: 8px;
	align-items: center;
}

.dp-center .legend-item {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 10px;
	font-weight: 800;
}

.dp-center .legend-dot {
	width: 9px;
	height: 9px;
	border-radius: 3px;
}

.dp-center .graph-wrapper {
	width: 100%;
	overflow: auto;
}

.dp-bottom .card {
	background: var(--color-surface-cool-alt);
	border-radius: 15px;
	border: 1px solid var(--color-border);
}

.dp-bottom .card .muted {
	color: var(--color-text-ink)
}

.ct-card input[type=range] {
	-webkit-appearance: none;
	width: 100%;
	height: 8px;
	border-radius: 999px;
	background: var(--color-surface-green-line);
	outline: none;
}

.ct-card input[type=range]::-webkit-slider-runnable-track {
	height: 8px;
	border-radius: 999px;
	background: linear-gradient(to right,
			var(--color-success-bright) var(--value, 50%),
			var(--color-surface-green-line) var(--value, 50%));
}

.ct-card input[type=range]::-moz-range-track {
	height: 8px;
	border-radius: 999px;
	background: var(--color-surface-green-line)
}

.ct-card input[type=range]::-moz-range-progress {
	background: var(--color-success-bright);
	height: 8px;
	border-radius: 999px;
}

.ct-card input[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--color-surface);
	border: 2px solid var(--color-success-bright);
	cursor: pointer;
	margin-top: -6px;
}

.ct-card .delivery-option {
	display: flex;
	flex-direction: column;
	background: var(--color-surface-translucent-70);
	border: 1px solid var(--color-border-soft);
	border-radius: 15px;
	padding: 14px;
	cursor: pointer;
	transition: .2s;
	height: 100%;
}

.ct-card .delivery-option:hover {
	transform: translateY(-2px);
}

.ct-card .delivery-option.active {
	background: var(--color-surface);
	border: 1px solid var(--color-success-bright);
}

.delivery-option strong {
	font-size: 14px;
}

.ct-card .delivery-option small {
	font-size: 10px;
	color: var(--color-text-muted-flat);
}

.ct-card .auth-option {
	background: var(--color-surface-translucent-70);
	border: 1px solid var(--color-border-soft);
	border-radius: 15px;
	padding: 14px;
	cursor: pointer;
	transition: .2s;
	height: 100%;
	margin-bottom: 10px;
}

.ct-card .auth-option:hover {
	transform: translateY(-2px);
}

.ct-card .auth-option .bar-active,
.ct-card .auth-option .bar-passive {
	width: 14px;
	height: 6px;
	border-radius: 3px;
	margin-right: 2px;
	display: block;
	background: var(--color-surface-neutral-line);
}

.ct-card .auth-option.active .bar-active {
	background: var(--gradient-success-emerald-up);
}

.ct-card .auth-option {
	background: var(--color-surface-translucent-70);
	border: 1px solid var(--color-border-soft);
	border-radius: 15px;
	padding: 14px;
	cursor: pointer;
	transition: .2s;
	height: 100%;
	margin-bottom: 10px;
}

.ct-card .auth-option.active {
	border: 1px solid var(--color-success-bright);
}

.ct-card .age-tier {
	display: flex;
	flex-direction: column;
	background: var(--color-surface-translucent-70);
	border: 1px solid var(--color-border-soft);
	border-radius: 15px;
	padding: 14px;
	cursor: pointer;
	transition: .2s;
	margin-bottom: 10px;
}

.ct-card .age-tier:hover {
	transform: translateY(-2px);
}

.ct-card .age-tier.active {
	border: 1px solid var(--color-success-bright);
}

.ct-card .age-tier strong {
	font-size: 14px;
}

.ct-card .age-tier small {
	font-size: 10px;
	color: var(--color-text-muted-flat);
}

.ct-card .age-tier .badges {
	background: var(--color-surface-cool-alt);
	width: max-content;
	border-radius: 5px;
	font-size: 12px;
	color: var(--color-text-ink);
	padding: 2px 5px;
	margin-top: 5px;
}

.ct-card .age-tier.active .badges {
	background: var(--color-success-bright);
	color: var(--color-text-inverse)
}

#regions {
	display: flex;
	align-items: center;
	gap: 10px;
}

.ct-card .region-btn,
.ct-card .region-btn:focus {
	background: var(--color-surface-cool-alt) !important;
	border-radius: 10px !important;
	border: 1px solid var(--color-border) !important;
	padding: 20px 10px;
	font-size: 11px;
	font-weight: 700;
}

.ct-card .region-btn.active {
	background: var(--color-decor-black-deep) !important;
	color: var(--color-text-inverse) !important;
	border: 1px solid var(--color-decor-black-deep) !important
}

.ct-card .active-region {
	background: var(--color-decor-black-deep) !important;
	color: var(--color-text-inverse) !important;
	border: 1px solid var(--color-decor-black-deep) !important
}

.ct-card .region-btn .count-badge {
	background: var(--card-region-count-badge-bg);
	color: var(--color-text-ink);
	border-radius: 20px;
	padding: 3px 8px;
	font-size: 11px;
	margin-left: 8px;
}

.ct-card .active-count {
	background: var(--platform-tiktok-card-bg);
	color: var(--color-text-inverse);
}

.ct-card .premium-badge {
	background: var(--card-premium-badge-bg);
	color: var(--color-text-premium-badge);
	padding: 5px 10px;
	border-radius: 8px;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

.ct-card .standard-badge {
	background: var(--card-standard-badge-bg);
	color: var(--color-text-standard-badge);
	padding: 5px 10px;
	border-radius: 8px;
	font-size: 10px;
	font-weight: 700;
	text-transform: uppercase;
}

.ct-card .price {
	color: var(--platform-tiktok-card-bg);
	font-weight: 800;
	font-size: 18px;
}

.ct-card .price span {
	font-size: 11px;
	opacity: .7;
}

.ct-card .ct-center {
	background: var(--color-surface-green-soft);
	padding: 15px;
	border-radius: 15px;
}

.ct-card .ct-center .icon-box {
	width: 30px;
	height: 30px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: var(--color-decor-forest-bright);
	color: var(--color-text-inverse);
}

.ct-card .ct-center .section-title {
	font-size: 15px;
	font-weight: 800;
}

#viewBadge {
	background: var(--color-surface-badge-soft);
	color: var(--color-text-badge-strong);
	padding: 4px 10px;
	border-radius: 8px;
	font-size: 11px;
	font-weight: 800;
}

.ct-card .sub {
	font-size: 10px;
	color: var(--color-text-muted-flat);
}

.ct-card .range-label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	font-weight: 700;
	color: var(--color-text-ink);
}

.ct-card .range-label svg {
	width: 18px;
	height: 18px;
	stroke: var(--color-decor-forest-bright);
}

#countryCards .card .country .flag {
	font-family: "Noto Color Emoji", sans-serif;
	font-size: 16px
}

#countryCards .card {
	background: var(--color-surface);
	border-radius: 15px;
	border: 1px solid var(--color-border-green-soft);
}

#countryCards .card.active {
	border-color: var(--color-success-bright)
}

#countryCards .card .country .name {
	font-size: 18px;
	font-weight: 700;
	color: var(--color-text-ink);
}

#authOptions .auth-option .badges {
	background: var(--color-surface-cool-alt);
	width: max-content;
	border-radius: 5px;
	font-size: 12px;
	color: var(--color-text-ink);
	padding: 2px 5px;
	min-width: 40px;
	text-align: center;
}

#authOptions .auth-option.active .badges {
	background: var(--color-success-bright);
	color: var(--color-text-inverse)
}

.free-list {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 35px 15px;
	margin-top: 50px;
	padding-left: 0
}

.free-list .item {
	padding: 25px 15px 15px 15px;
	background: var(--color-surface);
	border-radius: 15px;
	border: 1px solid var(--color-border);
	border-left: 4px solid var(--color-action-bright);
	position: relative;
	list-style: none
}

.free-list .item small {
	font-size: 16px;
	font-weight: 600;
	color: var(--color-text-ink)
}

.free-list .item p {
	font-size: 13px;
	color: var(--color-text-muted-neutral);
	margin-bottom: 0;
	padding-top: 5px
}

.free-list .item a {
	color: var(--color-success-bright)
}

.tiktok-pages .free-list .item {
	border-left-color: var(--platform-tiktok-red-glow)
}

.free-list .item .icon {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	background: var(--color-success-bright);
	color: var(--color-text-inverse);
	border-radius: 10px;
	position: absolute;
	top: -20px;
	z-index: 1
}

.tiktok-pages .free-list .item .icon {
	background: var(--platform-tiktok-red-glow)
}

.free-list .item .icon,
.free-list .item .icon {
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.free-list .item:hover .icon,
.free-list .item:hover .icon {
	-webkit-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	transform: scaleX(-1);
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.mtp-calculator {
	--service-calculator-free-action-bg: var(--color-text-ink);
	--service-calculator-free-action-border: var(--color-text-ink);
	--service-calculator-free-action-hover-bg: var(--color-action-bright);
	--service-calculator-free-action-hover-border: var(--color-action-bright);
}

.tiktok-pages .mtp-calculator {
	--service-calculator-free-action-bg: var(--color-text-ink);
	--service-calculator-free-action-border: var(--color-text-ink);
	--service-calculator-free-action-hover-bg: var(--platform-tiktok-red-glow);
	--service-calculator-free-action-hover-border: var(--platform-tiktok-red-glow);
}

.youtube-pages .mtp-calculator {
	--service-calculator-free-action-bg: var(--platform-youtube);
	--service-calculator-free-action-border: var(--platform-youtube);
	--service-calculator-free-action-hover-bg: var(--color-decor-danger-deep);
	--service-calculator-free-action-hover-border: var(--color-decor-danger-deep);
}

.mtp-calculator .btn-primary.btn-free,
.mtp-calculator .btn-primary.btn-free:focus {
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--service-calculator-free-action-bg);
	border-color: var(--service-calculator-free-action-border);
	padding: 10px;
	line-height: 32px;
	text-transform: uppercase;
	white-space: nowrap;
	width: max-content;
	gap: 25px;
	margin: 35px auto;
	z-index: 2;
}

.mtp-calculator .btn-primary.btn-free:hover {
	background: var(--service-calculator-free-action-hover-bg);
	border-color: var(--service-calculator-free-action-hover-border);
	position: relative;
	z-index: 2;
}

.mtp-calculator .btn-primary.btn-free i {
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: var(--color-surface-translucent-20);
	border-radius: 100%;
}

@media (max-width: 991.98px) {
	.free-list {
		grid-template-columns: repeat(1, 1fr);
	}
}

:where(.youtube-pages .big-packages) .big-packages-item {
	--service-big-package-action-bg: var(--platform-youtube);
	--service-big-package-action-hover-bg: var(--color-decor-danger-deep);
	border-color: var(--platform-youtube)
}

:where(.youtube-pages .big-packages-item .pi-top) .pi-title {
	background: var(--platform-youtube-title-bg)
}

:where(.discord-pages .mtp-why) .ww-boxes-2,
:where(.discord-pages .tiktok-pages .ceo-message):before,
:where(.discord-pages .mtp-instagram .best-swiper .item):before,
:where(.discord-pages .mtp-top) .home-seperator,
:where(.discord-pages .mtp-margin) .glow,
:where(.discord-pages .mtp-ceo) .ceo-message:before {
	background: rgba(var(--platform-discord-rgb), .5)
}

:where(.discord-pages .mtp-instagram .best-swiper) .item .icon {
	background: var(--platform-discord);
	border-radius: 10px
}

:where(.discord-pages .mtp-instagram .best-swiper) .item-wrapper {
	--service-best-swiper-action-bg: var(--platform-discord);
}

.discord-pages .mtp-top-header h1 span,
.discord-pages .mtp-header h2 span,
.discord-pages .mtp-why h2 span,
.discord-pages .mtp-header h3 span {
	background: var(--platform-discord);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative
}

.discord-pages .mtp-top-header h1 span:before,
.discord-pages .mtp-header h2 span:before {
	background-color: var(--platform-discord)
}

:where(.discord-pages .mtp-instagram .mtp-srv-content) .package-item.package-best {
	--service-package-action-bg: var(--platform-discord);
	--service-package-action-border: var(--platform-discord);
	--service-package-action-hover-bg: var(--platform-discord);
	--service-package-action-hover-border: var(--platform-discord);
	border: 1px solid var(--platform-discord);
}

:where(.discord-pages .product-packages) .item {
	border-left-color: var(--platform-discord)
}

:where(.discord-pages .product-packages) {
	--service-product-package-tag-bg: var(--platform-youtube-tag-bg);
	--service-product-package-tag-border: var(--platform-discord);
	--service-product-package-tag-text: var(--platform-discord);
}

.discord-pages .mtp-calculator {
	--service-calculator-free-action-bg: var(--platform-discord);
	--service-calculator-free-action-border: var(--platform-discord);
	--service-calculator-free-action-hover-bg: var(--color-decor-blue-soft);
	--service-calculator-free-action-hover-border: var(--color-decor-blue-soft);
}

:where(.discord-pages .big-packages) .big-packages-item {
	--service-big-package-action-bg: var(--platform-discord);
	--service-big-package-action-hover-bg: var(--color-decor-blue-soft);
	border-color: var(--platform-discord)
}

:where(.discord-pages .big-packages-item .pi-top) .pi-title {
	background: var(--color-decor-blue-soft)
}

:where(.discord-pages .big-packages) .big-packages-item:after {
	background: radial-gradient(circle at 30% 107%, var(--platform-discord) 0%, var(--platform-discord) 5%, var(--platform-discord) 45%, var(--platform-discord) 60%, var(--platform-discord) 90%);
}

:where(.kick-pages .mtp-why) .ww-boxes-2,
:where(.kick-pages .tiktok-pages .ceo-message):before,
:where(.kick-pages .mtp-instagram .best-swiper .item):before,
:where(.kick-pages .mtp-top) .home-seperator,
:where(.kick-pages .mtp-margin) .glow,
:where(.kick-pages .mtp-ceo) .ceo-message:before {
	background: rgba(var(--platform-kick-rgb), .5)
}

:where(.kick-pages .mtp-instagram .best-swiper) .item .icon {
	background: var(--platform-kick);
	border-radius: 10px
}

:where(.kick-pages .mtp-instagram .best-swiper) .item-wrapper {
	--service-best-swiper-action-bg: var(--platform-kick);
}

.kick-pages .mtp-top-header h1 span,
.kick-pages .mtp-header h2 span,
.kick-pages .mtp-why h2 span,
.kick-pages .mtp-header h3 span {
	background: var(--platform-kick);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative
}

.kick-pages .mtp-top-header h1 span:before,
.kick-pages .mtp-header h2 span:before {
	background-color: var(--platform-kick)
}

:where(.kick-pages .mtp-instagram .mtp-srv-content) .package-item.package-best {
	--service-package-action-bg: var(--platform-kick);
	--service-package-action-border: var(--platform-kick);
	--service-package-action-hover-bg: var(--platform-kick);
	--service-package-action-hover-border: var(--platform-kick);
	border: 1px solid var(--platform-kick);
}

:where(.kick-pages .product-packages) .item {
	border-left-color: var(--platform-kick)
}

:where(.kick-pages .product-packages) {
	--service-product-package-tag-bg: var(--platform-kick-tag-bg);
	--service-product-package-tag-border: var(--platform-kick);
	--service-product-package-tag-text: var(--platform-kick);
}

.kick-pages .mtp-calculator {
	--service-calculator-free-action-bg: var(--platform-kick);
	--service-calculator-free-action-border: var(--platform-kick);
	--service-calculator-free-action-hover-bg: var(--platform-kick-bright);
	--service-calculator-free-action-hover-border: var(--platform-kick-bright);
}

:where(.kick-pages .big-packages) .big-packages-item {
	--service-big-package-action-bg: var(--platform-kick);
	--service-big-package-action-hover-bg: var(--platform-kick-bright);
	border-color: var(--platform-kick)
}

:where(.kick-pages .big-packages-item .pi-top) .pi-title {
	background: var(--platform-kick-bright)
}

:where(.kick-pages .big-packages) .big-packages-item:after {
	background: var(--gradient-platform-kick-radial);
}

:where(.twitch-pages .mtp-why) .ww-boxes-2,
:where(.twitch-pages .tiktok-pages .ceo-message):before,
:where(.twitch-pages .mtp-instagram .best-swiper .item):before,
:where(.twitch-pages .mtp-top) .home-seperator,
:where(.twitch-pages .mtp-margin) .glow,
:where(.twitch-pages .mtp-ceo) .ceo-message:before {
	background: rgba(var(--color-energy-rgb), .5)
}

:where(.twitch-pages .mtp-instagram .best-swiper) .item .icon {
	background: var(--color-energy);
	border-radius: 10px
}

:where(.twitch-pages .mtp-instagram .best-swiper) .item-wrapper {
	--service-best-swiper-action-bg: var(--color-energy);
}

.twitch-pages .mtp-top-header h1 span,
.twitch-pages .mtp-header h2 span,
.twitch-pages .mtp-why h2 span,
.twitch-pages .mtp-header h3 span {
	background: var(--color-energy);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative
}

.twitch-pages .mtp-top-header h1 span:before,
.twitch-pages .mtp-header h2 span:before {
	background-color: var(--color-energy)
}

:where(.twitch-pages .mtp-instagram .mtp-srv-content) .package-item.package-best {
	--service-package-action-bg: var(--color-energy);
	--service-package-action-border: var(--color-energy);
	--service-package-action-hover-bg: var(--color-energy);
	--service-package-action-hover-border: var(--color-energy);
	border: 1px solid var(--color-energy);
}

:where(.twitch-pages .product-packages) .item {
	border-left-color: var(--color-energy)
}

:where(.twitch-pages .product-packages) {
	--service-product-package-tag-bg: var(--platform-twitch-tag-bg);
	--service-product-package-tag-border: var(--color-energy);
	--service-product-package-tag-text: var(--color-energy);
}

.twitch-pages .mtp-calculator {
	--service-calculator-free-action-bg: var(--color-energy);
	--service-calculator-free-action-border: var(--color-energy);
	--service-calculator-free-action-hover-bg: var(--color-decor-purple-mid);
	--service-calculator-free-action-hover-border: var(--color-decor-purple-mid);
}

:where(.twitch-pages .big-packages) .big-packages-item {
	--service-big-package-action-bg: var(--color-energy);
	--service-big-package-action-hover-bg: var(--color-decor-purple-mid);
	border-color: var(--color-energy)
}

:where(.twitch-pages .big-packages-item .pi-top) .pi-title {
	background: var(--color-decor-purple-mid)
}

:where(.twitch-pages .big-packages) .big-packages-item:after {
	background: radial-gradient(circle at 30% 107%, var(--color-energy) 0%, var(--color-energy) 5%, var(--color-energy) 45%, var(--color-energy) 60%, var(--color-energy) 90%);
}

:where(.twitter-pages .mtp-why) .ww-boxes-2,
:where(.twitter-pages .tiktok-pages .ceo-message):before,
:where(.twitter-pages .mtp-instagram .best-swiper .item):before,
:where(.twitter-pages .mtp-top) .home-seperator,
:where(.twitter-pages .mtp-margin) .glow,
:where(.twitter-pages .mtp-ceo) .ceo-message:before {
	background: rgba(var(--platform-twitter-rgb), .5)
}

:where(.twitter-pages .mtp-instagram .best-swiper) .item .icon {
	background: var(--platform-twitter);
	border-radius: 10px
}

:where(.twitter-pages .mtp-instagram .best-swiper) .item-wrapper {
	--service-best-swiper-action-bg: var(--platform-twitter);
}

.twitter-pages .mtp-top-header h1 span,
.twitter-pages .mtp-header h2 span,
.twitter-pages .mtp-why h2 span,
.twitter-pages .mtp-header h3 span {
	background: var(--platform-twitter);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	font-weight: 700;
	position: relative
}

.twitter-pages .mtp-top-header h1 span:before,
.twitter-pages .mtp-header h2 span:before {
	background-color: var(--platform-twitter)
}

:where(.twitter-pages .mtp-instagram .mtp-srv-content) .package-item.package-best {
	--service-package-action-bg: var(--platform-twitter);
	--service-package-action-border: var(--platform-twitter);
	--service-package-action-hover-bg: var(--platform-twitter);
	--service-package-action-hover-border: var(--platform-twitter);
	border: 1px solid var(--platform-twitter);
}

:where(.twitter-pages .product-packages) .item {
	border-left-color: var(--platform-twitter)
}

.twitter-pages .mtp-calculator {
	--service-calculator-free-action-bg: var(--platform-twitter);
	--service-calculator-free-action-border: var(--platform-twitter);
	--service-calculator-free-action-hover-bg: var(--platform-x);
	--service-calculator-free-action-hover-border: var(--platform-x);
}

:where(.twitter-pages .big-packages) .big-packages-item {
	--service-big-package-action-bg: var(--platform-twitter);
	--service-big-package-action-hover-bg: var(--platform-x);
	border-color: var(--platform-twitter)
}

:where(.twitter-pages .big-packages-item .pi-top) .pi-title {
	background: var(--platform-x)
}

:where(.twitter-pages .big-packages) .big-packages-item:after {
	background: radial-gradient(circle at 30% 107%, var(--platform-twitter) 0%, var(--platform-twitter) 5%, var(--platform-twitter) 45%, var(--platform-twitter) 60%, var(--platform-twitter) 90%);
}

/* Paid-service platform color contract.
 * Captured page shells keep their legacy layout classes, but every visual
 * accent is owned by the canonical platform-* class added at render time. */
[data-buy-service-surface][class*="platform-"] {
	--service-platform-button-ink: var(--color-text-inverse);
	--service-platform-strong: var(--service-platform);
	--service-platform-soft: color-mix(in srgb, var(--service-platform) 14%, var(--color-surface));
	--service-platform-title-gradient: linear-gradient(135deg, var(--service-platform-strong) 0%, var(--service-platform) 100%);
	--service-platform-action-bg: linear-gradient(135deg, var(--service-platform-strong) 0%, var(--service-platform) 100%);
	--service-platform-hero-floor: radial-gradient(circle at 30% 107%, color-mix(in srgb, var(--service-platform) 28%, var(--color-surface)) 0%, color-mix(in srgb, var(--service-platform) 18%, var(--color-surface)) 28%, color-mix(in srgb, var(--service-platform) 8%, var(--color-surface)) 62%, var(--color-surface-transparent) 100%);
	--service-platform-radial: radial-gradient(circle at 30% 107%, var(--service-platform-soft) 0%, var(--service-platform) 45%, var(--service-platform-strong) 72%, var(--color-surface-transparent) 100%);
	--service-platform-price: var(--service-platform-strong);
}

[data-buy-service-surface].platform-discord {
	--service-platform: var(--platform-discord);
}

[data-buy-service-surface].platform-facebook {
	--service-platform: var(--platform-facebook-alt);
	--service-platform-strong: var(--platform-facebook-deep);
}

[data-buy-service-surface].platform-instagram {
	--service-platform: var(--platform-instagram);
	--service-platform-strong: var(--platform-instagram-pink);
	--service-platform-title-gradient: var(--gradient-platform-instagram-text);
	--service-platform-action-bg: var(--gradient-platform-instagram-action);
	--service-platform-radial: var(--gradient-platform-instagram-radial);
}

[data-buy-service-surface].platform-kick {
	--service-platform: var(--platform-kick);
	--service-platform-strong: var(--platform-kick-bright);
	--service-platform-button-ink: var(--color-text-ink);
}

[data-buy-service-surface].platform-linkedin {
	--service-platform: var(--platform-linkedin);
}

[data-buy-service-surface].platform-pinterest {
	--service-platform: var(--platform-pinterest);
	--service-platform-strong: var(--platform-pinterest-deep);
	--service-platform-soft: color-mix(in srgb, var(--platform-pinterest) 16%, var(--color-surface));
}

[data-buy-service-surface].platform-quora {
	--service-platform: var(--platform-quora);
}

[data-buy-service-surface].platform-snapchat {
	--service-platform: var(--platform-snapchat);
	--service-platform-strong: var(--platform-snapchat-gold);
	--service-platform-button-ink: var(--color-text-ink);
}

[data-buy-service-surface].platform-soundcloud {
	--service-platform: var(--platform-soundcloud);
}

[data-buy-service-surface].platform-spotify {
	--service-platform: var(--platform-spotify);
}

[data-buy-service-surface].platform-telegram {
	--service-platform: var(--platform-telegram);
}

[data-buy-service-surface].platform-threads,
[data-buy-service-surface].platform-twitter {
	--service-platform: var(--platform-x);
	--service-platform-strong: var(--color-text-ink);
	--service-platform-soft: color-mix(in srgb, var(--platform-x) 9%, var(--color-surface));
}

[data-buy-service-surface].platform-tiktok {
	--service-platform: var(--platform-tiktok-red);
	--service-platform-strong: var(--platform-tiktok-red-deep);
	--service-platform-soft: color-mix(in srgb, var(--platform-tiktok-red) 14%, var(--color-surface));
	--service-platform-title-gradient: var(--platform-tiktok-red-deep);
	--service-platform-action-bg: var(--gradient-platform-tiktok-action);
	--service-platform-hero-floor: var(--gradient-platform-tiktok-radial);
	--service-platform-radial: var(--gradient-platform-tiktok-radial);
	--service-platform-price: var(--platform-tiktok-red);
}

[data-buy-service-surface].platform-twitch {
	--service-platform: var(--platform-twitch);
}

[data-buy-service-surface].platform-youtube {
	--service-platform: var(--platform-youtube-red);
}

[data-buy-service-surface][class*="platform-"] .mtp-top {
	background: var(--color-css-transparent);
}

[data-buy-service-surface][class*="platform-"] .mtp-top .home-seperator {
	background: var(--service-platform-hero-floor);
}

[data-buy-service-surface][class*="platform-"] .mtp-top-header h1 .buy-service-platform-accent,
[data-buy-service-surface][class*="platform-"] .mtp-header h2 span,
[data-buy-service-surface][class*="platform-"] .mtp-header h3 span,
[data-buy-service-surface][class*="platform-"] .mtp-why h2 span {
	background: var(--service-platform-title-gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	background-clip: text;
	color: var(--service-platform);
	text-shadow: none;
}

[data-buy-service-surface][class*="platform-"] .mtp-top-header h1 .buy-service-platform-accent:before,
[data-buy-service-surface][class*="platform-"] .mtp-header h2 span:before,
[data-buy-service-surface][class*="platform-"] .mtp-header h3 span:before,
[data-buy-service-surface][class*="platform-"] .mtp-why h2 span:before {
	background: var(--service-platform-title-gradient);
}

[data-buy-service-surface][class*="platform-"] .mtp-margin .glow,
[data-buy-service-surface][class*="platform-"] .mtp-instagram .best-swiper .item:before,
[data-buy-service-surface][class*="platform-"] .mtp-instagram .best-swiper .item .icon {
	background: var(--service-platform-radial);
}

[data-buy-service-surface][class*="platform-"] .mtp-instagram .best-swiper .item-wrapper {
	--service-best-swiper-action-bg: var(--service-platform-action-bg);
	--service-best-swiper-action-border: var(--service-platform);
}

[data-buy-service-surface][class*="platform-"] .mtp-srv-content .package-item.package-best {
	--service-package-action-bg: var(--service-platform-action-bg);
	--service-package-action-border: var(--service-platform);
	--service-package-action-hover-bg: var(--service-platform-action-bg);
	--service-package-action-hover-border: var(--service-platform);
	--service-package-glow-bg: var(--service-platform-radial);
	border-color: var(--service-platform);
}

[data-buy-service-surface][class*="platform-"] .mtp-srv-content .package-item .pi-bottom .pi-new,
[data-buy-service-surface][class*="platform-"] .big-packages .big-packages-item .pi-bottom .new {
	color: var(--service-platform-price);
}

[data-buy-service-surface][class*="platform-"] .bulk-pack-item.active,
[data-buy-service-surface][class*="platform-"] .bulk-pack-item:hover {
	background: var(--service-platform-action-bg);
	border-color: var(--service-platform);
	color: var(--service-platform-button-ink);
}

[data-buy-service-surface][class*="platform-"] .bulk-pack-item.active .pi-hint,
[data-buy-service-surface][class*="platform-"] .bulk-pack-item:hover .pi-hint {
	color: var(--service-platform-button-ink);
}

[data-buy-service-surface][class*="platform-"] .bulk-pack-item .pi-check::before,
[data-buy-service-surface][class*="platform-"] .bulk-header h3:before {
	background: var(--service-platform);
}

[data-buy-service-surface][class*="platform-"] .big-packages .big-packages-item {
	--service-big-package-action-bg: var(--service-platform-action-bg);
	--service-big-package-action-border: var(--service-platform);
	--service-big-package-action-hover-bg: var(--service-platform-action-bg);
	--service-big-package-action-hover-border: var(--service-platform);
	border-color: var(--service-platform);
}

[data-buy-service-surface][class*="platform-"] .big-packages .big-packages-item:after {
	background: var(--service-platform-radial);
}

[data-buy-service-surface][class*="platform-"] .big-packages .big-packages-item .pi-title {
	background: var(--service-platform-action-bg);
	color: var(--service-platform-button-ink);
}

[data-buy-service-surface][class*="platform-"] .mtp-calculator {
	--service-calculator-free-action-bg: var(--service-platform-action-bg);
	--service-calculator-free-action-border: var(--service-platform);
	--service-calculator-free-action-hover-bg: var(--service-platform-action-bg);
	--service-calculator-free-action-hover-border: var(--service-platform);
}

/* Match the original TikTok wordmark: transparent letterforms built from red/cyan offsets. */
[data-buy-service-surface].platform-tiktok :is(.mtp-top-header h1 .buy-service-platform-accent, .mtp-header h2 span, .mtp-header h3 span, .mtp-why h2 span) {
	background: none;
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	background-clip: text;
	color: var(--platform-tiktok-black);
	text-shadow: 1px 1px var(--platform-tiktok-red-glow), -1px -1px var(--platform-tiktok-cyan);
}

[data-buy-service-surface].platform-tiktok :is(.mtp-top-header h1 .buy-service-platform-accent, .mtp-header h2 span, .mtp-header h3 span, .mtp-why h2 span)::before {
	background: var(--platform-tiktok-red-deep);
}

/* TikTok panel pages share the same official red/cyan/black contract as paid routes. */
[data-panel-service-surface].platform-tiktok {
	--tiktok-panel-border: color-mix(in srgb, var(--platform-tiktok-red) 42%, var(--color-surface));
	--tiktok-panel-soft: color-mix(in srgb, var(--platform-tiktok-red) 10%, var(--color-surface));
	--service-package-action-bg: var(--platform-tiktok-black);
	--service-package-action-border: var(--platform-tiktok-black);
	--service-package-action-hover-bg: var(--platform-tiktok-black);
	--service-package-action-hover-border: var(--platform-tiktok-black);
}

[data-panel-service-surface].platform-tiktok :is(.mtp-top-header h1 span, .mtp-header h2 span, .mtp-header h3 span, .mtp-why h2 span) {
	background: none;
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	background-clip: text;
	color: var(--platform-tiktok-black);
	text-shadow: 1px 1px var(--platform-tiktok-red-glow), -1px -1px var(--platform-tiktok-cyan);
}

[data-panel-service-surface].platform-tiktok :is(.mtp-top-header h1 span, .mtp-header h2 span, .mtp-header h3 span, .mtp-why h2 span)::before {
	background: var(--platform-tiktok-red-deep);
}

/* Terms page reading surface.
 * Keep the long legal document calm and scannable without changing shared
 * static-page chrome or the other policy routes. */
main[data-page-template="static-page"] .terms-page-content {
	padding-top: 116px;
}

main[data-page-template="static-page"] .terms-document .container {
	max-width: 1040px;
}

main[data-page-template="static-page"] .terms-document .page-box {
	min-height: 144px;
	margin-bottom: 32px;
	padding: 32px 40px;
	border-radius: 18px;
}

main[data-page-template="static-page"] .terms-document .page-box::before {
	width: 6px;
	height: 56px;
}

main[data-page-template="static-page"] .terms-document .page-box h2 {
	position: relative;
	z-index: 3;
	margin: 0;
	color: var(--color-text-inverse);
	font-size: clamp(28px, 3vw, 34px);
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: -.025em;
	text-wrap: balance;
}

main[data-page-template="static-page"] .terms-document .page-box p {
	max-width: 680px;
	padding-top: 10px;
	color: var(--color-text-inverse-86);
	font-size: 15.5px;
	line-height: 1.75;
}

main[data-page-template="static-page"] .terms-document .page-box a {
	color: inherit;
	font-weight: 600;
	text-decoration: underline;
	text-decoration-color: var(--color-border-inverse-42);
	text-underline-offset: 3px;
}

main[data-page-template="static-page"] .terms-document .card {
	border-color: var(--color-border-light);
	border-radius: 20px;
	background: var(--color-surface);
	box-shadow: 0 18px 48px rgba(var(--color-brand-deep-rgb), .07);
}

main[data-page-template="static-page"] .terms-document .card-body {
	max-width: 860px;
	margin: 0 auto;
	padding: 52px 60px 64px;
	color: var(--color-text-neutral);
	font-size: 16px;
	line-height: 1.9;
	text-wrap: pretty;
}

main[data-page-template="static-page"] .terms-document .card-body > h3:first-child {
	margin: 0 0 12px;
	padding: 0;
	color: var(--color-text-strong);
	font-size: 30px;
	font-weight: 700;
	line-height: 1.3;
	letter-spacing: -.02em;
}

main[data-page-template="static-page"] .terms-document .card-body > h3:first-child + p {
	margin-bottom: 0;
	padding-bottom: 30px;
	border-bottom: 1px solid var(--color-border-light);
	color: var(--color-text-muted);
	font-size: 16.5px;
}

main[data-page-template="static-page"] .terms-document .card-body h4 {
	margin: 36px 0 14px;
	padding: 28px 0 0;
	border-top: 1px solid var(--color-border-light);
	color: var(--color-brand-strong);
	font-size: 21px;
	font-weight: 700;
	line-height: 1.45;
}

main[data-page-template="static-page"] .terms-document .card-body > h3:first-child + p + h4 {
	margin-top: 30px;
	padding-top: 0;
	border-top: 0;
}

main[data-page-template="static-page"] .terms-document .card-body h5 {
	margin: 30px 0 12px;
	padding: 0;
	color: var(--color-text-strong);
	font-size: 18px;
	font-weight: 700;
	line-height: 1.5;
}

main[data-page-template="static-page"] .policy-summary-document .card-body > h3:not(:first-child) {
	margin: 36px 0 14px;
	padding: 28px 0 0;
	border-top: 1px solid var(--color-border-light);
	color: var(--color-brand-strong);
	font-size: 21px;
	font-weight: 700;
	line-height: 1.45;
}

main[data-page-template="static-page"] .policy-summary-document .card-body > h3:first-child + p + h3 {
	margin-top: 30px;
	padding-top: 0;
	border-top: 0;
}

main[data-page-template="static-page"] .policy-summary-document .card-body code {
	color: var(--color-brand-strong);
	font-size: .92em;
}

main[data-page-template="static-page"] .terms-document .card-body p {
	margin: 0 0 18px;
}

main[data-page-template="static-page"] .terms-document .card-body ul {
	display: grid;
	gap: 10px;
	margin: 0 0 28px;
	padding-left: 1.3rem;
}

main[data-page-template="static-page"] .terms-document .card-body li {
	padding-left: 5px;
}

main[data-page-template="static-page"] .terms-document .card-body li::marker {
	color: var(--color-brand);
}

main[data-page-template="static-page"] .terms-document .card-body ul.terms-numbered-list {
	padding-left: 0;
	list-style: none;
}

main[data-page-template="static-page"] .terms-document .card-body ul.terms-numbered-list li {
	padding-left: 0;
}

main[data-page-template="static-page"] .terms-document .card-body ul ul {
	margin: 14px 0 4px;
	padding: 16px 18px 16px 38px;
	border-left: 3px solid var(--color-border);
	border-radius: 0 12px 12px 0;
	background: var(--color-surface-cool-faint);
}

main[data-page-template="static-page"] .terms-document .card-body strong {
	color: var(--color-brand-strong);
	font-weight: 700;
}

@media (max-width: 991.98px) {
	main[data-page-template="static-page"] .terms-page-content {
		padding-top: 88px;
	}

	main[data-page-template="static-page"] .terms-document .page-box {
		min-height: 0;
		padding: 26px 28px;
		text-align: left;
	}

	main[data-page-template="static-page"] .terms-document .page-box h2 {
		font-size: 27px;
	}

	main[data-page-template="static-page"] .terms-document .page-box p {
		font-size: 15px;
	}

	main[data-page-template="static-page"] .terms-document .card-body {
		padding: 42px 40px 52px;
	}
}

@media (max-width: 575.98px) {
	main[data-page-template="static-page"] .terms-page-content {
		padding-top: 78px;
	}

	main[data-page-template="static-page"] .terms-document .page-box {
		margin-bottom: 20px;
		padding: 24px 22px;
		border-radius: 15px;
	}

	main[data-page-template="static-page"] .terms-document .page-box::before {
		height: 48px;
	}

	main[data-page-template="static-page"] .terms-document .page-box h2 {
		font-size: 24px;
		line-height: 1.3;
	}

	main[data-page-template="static-page"] .terms-document .page-box p {
		font-size: 14.5px;
		line-height: 1.7;
	}

	main[data-page-template="static-page"] .terms-document .card {
		border-radius: 16px;
		box-shadow: 0 12px 32px rgba(var(--color-brand-deep-rgb), .055);
	}

	main[data-page-template="static-page"] .terms-document .card-body {
		padding: 32px 22px 42px;
		font-size: 15.5px;
		line-height: 1.85;
	}

	main[data-page-template="static-page"] .terms-document .card-body > h3:first-child {
		font-size: 26px;
	}

	main[data-page-template="static-page"] .terms-document .card-body > h3:first-child + p {
		padding-bottom: 24px;
		font-size: 15.5px;
	}

	main[data-page-template="static-page"] .terms-document .card-body h4 {
		margin-top: 30px;
		padding-top: 24px;
		font-size: 19px;
	}

	main[data-page-template="static-page"] .terms-document .card-body h5 {
		margin-top: 26px;
		font-size: 17px;
	}

	main[data-page-template="static-page"] .policy-summary-document .card-body > h3:not(:first-child) {
		margin-top: 30px;
		padding-top: 24px;
		font-size: 19px;
	}

	main[data-page-template="static-page"] .terms-document .card-body ul {
		gap: 9px;
		padding-left: 1.1rem;
	}

	main[data-page-template="static-page"] .terms-document .card-body ul ul {
		padding: 14px 14px 14px 30px;
	}

}

/* Page-scoped mobile corrections: do not alter shared layout on other routes. */
[data-page-template="blog-index"] [data-blog-index-header] {
	display: grid;
	justify-items: center;
	text-align: center;
}

[data-page-template="blog-index"] [data-blog-index-header] > :is(h1, p) {
	width: 100%;
	margin-inline: auto;
	text-align: center;
}

[data-page-template="blog-index"] [data-blog-index-header] > p {
	max-width: 42em;
}

.contact-location {
	min-width: 0;
}

.contact-location__map {
	display: block;
	box-sizing: border-box;
	width: 100%;
	max-width: 600px;
	height: 450px;
	border: 0;
	border-radius: 20px;
}

@media (max-width: 768px) {
	/* Keep the homepage team concise: one swipeable row instead of portrait cards. */
	main[data-page-template="home-page"] .mtp-team .team-wrapper {
		display: grid;
		grid-template-columns: none;
		grid-template-rows: none;
		grid-auto-flow: column;
		grid-auto-columns: minmax(152px, 44vw);
		gap: 12px;
		margin-top: 28px;
		padding: 0 0 4px;
		overflow-x: auto;
		overflow-y: hidden;
		overscroll-behavior-x: contain;
		scroll-snap-type: x proximity;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
	}

	main[data-page-template="home-page"] .mtp-team .team-wrapper::-webkit-scrollbar {
		display: none;
	}

	main[data-page-template="home-page"] .mtp-team .team-wrapper .team-item {
		width: auto;
		min-width: 0;
		height: auto;
		/* Restore the default portrait crop; only the layout scrolls horizontally. */
		aspect-ratio: 2 / 3;
		scroll-snap-align: start;
	}

	main[data-page-template="home-page"] .mtp-team .team-wrapper .team-content {
		left: 30px;
		bottom: 12px;
	}

	main[data-page-template="home-page"] .mtp-team .team-wrapper .team-content .name::before {
		width: 14px;
		height: 34px;
		left: -20px;
	}

	main[data-page-template="home-page"] .mtp-team .team-wrapper .team-content .designation {
		line-height: 16px;
	}

	.contact-location__map {
		height: 320px;
		border-radius: 18px;
	}
}

/* The mobile drawer owns the viewport; it must never inherit the header's height or stacking order. */
.mobile-drawer-brand {
	display: none;
}

@media (max-width: 991.98px) {
	.head-out > .hm-wrapper {
		position: fixed;
		inset: 0;
		width: 100vw;
		min-height: 100vh;
		height: 100dvh;
		box-sizing: border-box;
		padding: 24px 16px calc(32px + env(safe-area-inset-bottom));
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		scrollbar-width: none;
		isolation: isolate;
		z-index: 1200;
		transform: translate3d(0, -100%, 0);
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}

	.head-out > .hm-wrapper.active {
		transform: translate3d(0, 0, 0);
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}

	.head-out > .hm-wrapper .mobile-drawer-brand {
		display: block;
		margin: 0 0 54px 10px;
	}

	.head-out > .hm-wrapper .mobile-drawer-brand img {
		display: block;
		width: 83px;
		height: 65px;
		object-fit: contain;
	}

	.head-out > .hm-wrapper::-webkit-scrollbar {
		display: none;
	}
}

/* --------------------------------------------------------------------------
 * UI foundation v1
 * A restrained shared layer for all marketing templates.  It intentionally
 * aliases the existing brand/platform tokens instead of replacing them.
 * -------------------------------------------------------------------------- */
:root {
	--layout-wide-max: 1400px;
	--page-gutter: clamp(16px, 2vw, 32px);
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--border-subtle: var(--color-border);
	--radius-control: 10px;
	--radius-card: 18px;
	--control-height: 44px;
	--control-height-touch: 48px;
	--focus-ring: 0 0 0 3px rgba(var(--color-brand-rgb), .24);
	--motion-fast: 140ms;
	--ease-standard: cubic-bezier(.2, .75, .25, 1);
}

body {
	background: var(--color-page);
	color: var(--color-text);
}

:where(a, button, input, select, textarea, summary):focus-visible {
	outline: none;
	box-shadow: var(--focus-ring);
}

/* Shared actions: stable geometry, a single hover language, no card movement. */
:where(.btn, button.btn, [data-action-role]) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: var(--control-height);
	border-radius: var(--radius-control);
	transition: background-color var(--motion-fast) var(--ease-standard), border-color var(--motion-fast) var(--ease-standard), color var(--motion-fast) var(--ease-standard), box-shadow var(--motion-fast) var(--ease-standard), opacity var(--motion-fast) var(--ease-standard);
}

:where(.btn, button.btn, [data-action-role]):not(:disabled):hover {
	box-shadow: 0 10px 22px rgba(var(--color-brand-strong-rgb), .14);
}

:where(.btn, button.btn, [data-action-role]):disabled,
:where(.btn, button.btn, [data-action-role])[aria-disabled="true"] {
	cursor: not-allowed;
	opacity: .54;
	box-shadow: none;
}

/* Homepage only: mobile visitors need to reach the primary action before the
 * proof-detail list. The list remains in the DOM and follows the action. */
@media (max-width: 767.98px) {
	main[data-page-template="home-page"] .mtp-top-header {
		display: flex;
		flex-direction: column;
	}

	main[data-page-template="home-page"] .mtp-top-header .home-hero-actions {
		order: 3;
		width: 100%;
		padding: 4px 0 12px;
	}

	main[data-page-template="home-page"] .mtp-top-header .mtp-top-features {
		order: 4;
		margin-top: 8px;
	}

	main[data-page-template="home-page"] .home-hero-actions .mtp-top-footer {
		display: grid;
		grid-template-columns: 86px minmax(0, 1fr);
		align-items: center;
		gap: 12px;
		width: 100%;
	}

	main[data-page-template="home-page"] .home-hero-actions .thumb {
		margin: 0;
	}

	main[data-page-template="home-page"] .home-hero-actions .thumb img {
		width: 86px;
	}

	main[data-page-template="home-page"] .home-hero-actions .thumb .play-btn {
		width: 30px;
		height: 30px;
	}

	main[data-page-template="home-page"] .home-hero-actions .thumb .play-btn svg {
		width: 25px;
		height: 25px;
	}

	main[data-page-template="home-page"] .home-hero-actions .mtp-now {
		width: 100%;
	}

	main[data-page-template="home-page"] .home-hero-actions .mtp-now-left {
		display: none;
	}

	main[data-page-template="home-page"] .home-hero-actions .mtp-now-btn,
	main[data-page-template="home-page"] .home-hero-actions .mtp-now-btn .btn {
		width: 100%;
	}
}

main[data-page-template] :is(input, select, textarea) {
	border-radius: var(--radius-control);
}

main[data-page-template] :is(input, select, textarea):focus {
	border-color: rgba(var(--color-brand-rgb), .58) !important;
	box-shadow: var(--focus-ring);
}

/* The header remains light at the top and only gains weight after scrolling. */
.head-out.fixed {
	border-color: rgba(var(--color-brand-rgb), .10);
	box-shadow: 0 12px 30px rgba(var(--color-brand-deep-rgb), .08);
}

.hm-wrapper {
	overscroll-behavior: contain;
}

/* Shared proof is quieter than the sales action that precedes it. */
[data-component-owner="trust-marquee"] {
	padding-block: clamp(20px, 2.2vw, 30px);
}

[data-component-owner="trust-marquee"] .logo-slide {
	border-radius: var(--radius-control);
}

[data-component-owner="review-section"] .container-fluid {
	max-width: var(--layout-wide-max);
	padding-inline: var(--page-gutter);
}

[data-component-owner="subscription-cta"] .opinion-wrapper {
	border: 1px solid rgba(var(--color-brand-rgb), .16);
	border-radius: var(--radius-card);
	background: linear-gradient(112deg, var(--color-surface-lilac-faint) 0%, var(--color-surface) 62%);
	box-shadow: none;
}

[data-component-owner="subscription-cta"] .subscribe-card .form-control {
	min-height: var(--control-height);
	border-radius: 35px;
}

[data-component-owner="subscription-cta"] .subscribe-card .subscribe-btn {
	min-height: 40px;
	height: 40px;
}

/* Platform cards inherit their colour from the shared service surface. */
:where([data-buy-service-surface], [data-panel-service-surface])[class*="platform-"] {
	--ui-platform-surface: color-mix(in srgb, var(--service-platform) 7%, var(--color-surface));
	--ui-platform-border: color-mix(in srgb, var(--service-platform) 28%, var(--border-subtle));
	--ui-platform-glow: color-mix(in srgb, var(--service-platform) 15%, transparent);
}

:where([data-buy-service-surface], [data-panel-service-surface])[class*="platform-"] :is(.package-item, .best-package-card, .big-packages-item, .best-swiper .item-wrapper) {
	border-color: var(--ui-platform-border);
}

:where([data-buy-service-surface], [data-panel-service-surface])[class*="platform-"] :is(.package-item.package-best, .best-package-card.package-best, .big-packages-item.active) {
	background-color: var(--ui-platform-surface);
	box-shadow: 0 14px 30px var(--ui-platform-glow);
}

/* Article/listing visual system remains abstract and editorial, never photo-led. */
[data-page-template="blog-index"] .blog-wrapper .blog-item {
	border-color: color-mix(in srgb, var(--blog-card-accent, var(--color-brand)) 18%, var(--color-surface-soft));
	border-radius: var(--radius-card);
	box-shadow: 0 14px 30px color-mix(in srgb, var(--color-text) 5%, transparent);
}

[data-page-template="blog-index"] .blog-wrapper .blog-item:is(:hover, :focus-within) {
	border-color: color-mix(in srgb, var(--blog-card-accent, var(--color-brand)) 38%, var(--color-surface-soft));
	box-shadow: 0 18px 36px color-mix(in srgb, var(--color-text) 9%, transparent);
}

[data-page-template="blog-index"] .blog-wrapper .blog-img-wrapper {
	border-radius: calc(var(--radius-card) - 1px) calc(var(--radius-card) - 1px) 0 0;
}

[data-page-template="blog-index"] .blog-wrapper .blog-card-summary {
	min-height: 108px;
	padding: 17px 20px 20px;
}

[data-page-template="blog-article"] .blog-article-action {
	border-color: color-mix(in srgb, var(--blog-article-accent, var(--color-brand)) 24%, var(--border-subtle));
}

/* The free-service form stays task-first and compresses before it hides content. */
main[data-page-template="free-service"] [data-free-service-form-layout="inline-entry"] .sf-form .form {
	border-radius: var(--radius-card);
}

@media (max-width: 991.98px) {
	:where(.btn, button.btn, [data-action-role]) {
		min-height: var(--control-height-touch);
	}

	[data-component-owner="subscription-cta"] .opinion-wrapper {
		padding: var(--space-5);
	}

	main[data-page-template="free-service"] [data-free-service-form-layout="inline-entry"] .sf-wrapper {
		gap: var(--space-5);
		margin-top: var(--space-5);
	}

	main[data-page-template="free-service"] [data-free-service-form-layout="inline-entry"] .sf-wrapper .sf-img {
		display: none;
	}

	main[data-page-template="free-service"] [data-free-service-form-layout="inline-entry"] .sf-form .form {
		padding: var(--space-5) var(--space-4);
	}

	main[data-page-template="free-service"] [data-free-service-form-layout="inline-entry"] .sf-form .form .sf-group-item {
		gap: var(--space-4);
	}
}

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		scroll-behavior: auto !important;
		transition-duration: 1ms !important;
		animation-duration: 1ms !important;
		animation-iteration-count: 1 !important;
	}
}

[data-panel-service-surface].platform-tiktok .mtp-srv-menu .nav .nav-link.active {
	background: var(--platform-tiktok-black);
	box-shadow: inset 2px 0 var(--platform-tiktok-cyan), inset -2px 0 var(--platform-tiktok-red);
}

[data-panel-service-surface].platform-tiktok .mtp-srv-menu .nav .nav-link:not(.active):hover {
	background: var(--tiktok-panel-soft);
	color: var(--platform-tiktok-red);
}

[data-panel-service-surface].platform-tiktok .mtp-srv-content .tab-pane h3::before,
[data-panel-service-surface].platform-tiktok .slider-controls .slide-pagination .swiper-pagination-bullet {
	background: var(--platform-tiktok-red);
}

[data-panel-service-surface].platform-tiktok .slider-controls .slide-pagination .swiper-pagination-bullet-active {
	background: var(--platform-tiktok-black);
	box-shadow: inset 2px 0 var(--platform-tiktok-cyan), inset -2px 0 var(--platform-tiktok-red);
}

[data-panel-service-surface].platform-tiktok .mtp-srv-content .package-item {
	border-color: var(--tiktok-panel-border);
}

[data-panel-service-surface].platform-tiktok .mtp-srv-content .package-item:hover {
	border-color: var(--platform-tiktok-red);
}

[data-panel-service-surface].platform-tiktok .mtp-srv-content .package-item.package-best {
	--service-package-action-bg: var(--gradient-platform-tiktok-action);
	--service-package-action-border: var(--platform-tiktok-red);
	--service-package-action-hover-bg: var(--gradient-platform-tiktok-action);
	--service-package-action-hover-border: var(--platform-tiktok-red);
	--service-package-glow-bg: var(--gradient-platform-tiktok-radial);
	border-color: var(--platform-tiktok-red);
}

[data-panel-service-surface].platform-tiktok .mtp-srv-content .package-item .best-opt,
[data-panel-service-surface].platform-tiktok .mtp-srv-content .package-item .pi-bottom .pi-new,
[data-panel-service-surface].platform-tiktok .mtp-srv-content .package-item .pi-save span {
	color: var(--platform-tiktok-red);
}

[data-panel-service-surface].platform-tiktok .mtp-srv-content .package-item .best-opt {
	background: var(--platform-tiktok-red);
	color: var(--color-text-inverse);
}

[data-panel-service-surface].platform-tiktok .mtp-instagram .best-swiper .item {
	border-color: var(--tiktok-panel-border);
}

[data-panel-service-surface].platform-tiktok .mtp-instagram .best-swiper .item::before,
[data-panel-service-surface].platform-tiktok .mtp-instagram .best-swiper .item .icon {
	background: var(--gradient-platform-tiktok-radial);
}

[data-panel-service-surface].platform-tiktok .mtp-instagram .best-swiper .item-wrapper {
	--service-best-swiper-action-bg: var(--gradient-platform-tiktok-action);
	--service-best-swiper-action-border: var(--platform-tiktok-red);
}

[data-panel-service-surface].platform-tiktok .mtp-instagram .best-swiper .item-wrapper .price,
[data-panel-service-surface].platform-tiktok .mtp-instagram .best-swiper .item-wrapper .time em {
	color: var(--platform-tiktok-red);
}

/* Shared fallback compatibility shell for noindex recovered routes. */
.fallback-compat-logo {
	padding: 20px 0;
}

.fallback-compat-page {
	min-height: 60vh;
	padding: 150px 20px 80px;
	background:
		radial-gradient(circle at 12% 16%, rgba(var(--color-brand-bright-rgb), .18), rgba(var(--color-brand-bright-rgb), 0) 32%),
		linear-gradient(180deg, var(--color-page) 0%, var(--color-surface-soft) 100%);
}

.fallback-compat-hero {
	max-width: 980px;
	margin: 0 auto;
}

.fallback-compat-eyebrow {
	margin: 0 0 12px;
	color: var(--color-brand);
	font-weight: 800;
}

.fallback-compat-hero h1 {
	margin: 0 0 18px;
	color: var(--color-text);
	font-size: 52px;
	line-height: 1.08;
}

.fallback-compat-lead {
	max-width: 840px;
	margin: 0 0 28px;
	color: var(--color-text-muted);
	font-size: 20px;
	line-height: 1.8;
}

.fallback-compat-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 16px;
	margin: 0 0 28px;
	padding: 0;
	list-style: none;
}

.fallback-compat-card {
	min-height: 132px;
	padding: 22px;
	border: 1px solid var(--color-border);
	border-radius: 8px;
	background: rgba(var(--color-surface-rgb), .82);
	box-shadow: 0 18px 44px rgba(var(--color-brand-ink-rgb), .08);
	color: var(--color-text);
	font-weight: 700;
	line-height: 1.65;
}

.fallback-compat-note {
	max-width: 860px;
	margin: 0 0 28px;
	color: var(--color-text-muted);
	font-size: 17px;
	line-height: 1.8;
}

.fallback-compat-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
	align-items: center;
}

.fallback-compat-footer {
	padding: 40px 20px;
}

@media (max-width: 767px) {
	.fallback-compat-page {
		padding: 128px 16px 56px;
	}

	.fallback-compat-hero h1 {
		font-size: 36px;
	}

	.fallback-compat-lead {
		font-size: 17px;
	}

	.fallback-compat-grid {
		grid-template-columns: 1fr;
	}

	.fallback-compat-actions .btn {
		width: 100%;
		justify-content: center;
	}
}

/* Phase 4A: remove remaining green-theme decorative surfaces after logo-sampled purple token migration. */
.mtp-subscription .opinion-wrapper,
.mtp-factors,
footer {
	background-image:
		radial-gradient(circle at 12% 10%, rgba(var(--color-brand-bright-rgb), .35) 0, rgba(var(--color-brand-bright-rgb), 0) 34%),
		radial-gradient(circle at 88% 18%, rgba(var(--color-action-blue-rgb), .24) 0, rgba(var(--color-action-blue-rgb), 0) 30%),
		linear-gradient(135deg, var(--color-logo-purple-950) 0%, var(--color-logo-purple-800) 48%, var(--color-logo-purple-700) 100%);
	background-color: var(--color-logo-purple-950);
	background-size: cover;
	background-position: center;
}

.mtp-subscription :where(.opinion-wrapper):after,
.mtp-factors:after,
footer:after {
	content: "";
	position: absolute;
	inset: 1px;
	pointer-events: none;
	border-radius: inherit;
	background:
		linear-gradient(120deg, var(--color-surface-translucent-15), var(--color-surface-transparent) 38%),
		radial-gradient(circle at 70% 100%, rgba(var(--color-brand-bright-rgb), .16), rgba(var(--color-brand-bright-rgb), 0) 44%);
	z-index: 0;
}

.mtp-subscription .opinion-wrapper>*,
.mtp-factors>*,
footer>* {
	position: relative;
	z-index: 1;
}

.mtp-subscription :where(.opinion-wrapper .opinion-text):before,
.mtp-factors :where(.cost-wrapper .item):before,
footer:before {
	background: var(--gradient-action);
	opacity: .55;
}

.mtp-factors .cost-wrapper .item {
	background: var(--section-factor-item-bg);
	border-color: rgba(var(--color-brand-bright-rgb), .34);
	box-shadow: 0 18px 40px rgba(var(--color-brand-ink-rgb), .14);
}

.mtp-factors :where(.cost-wrapper .item) span,
.mtp-subscription p,
.footer-flex .footer-left p {
	color: var(--color-logo-lilac-100);
}

footer .footer-alt-content {
	background: rgba(var(--color-brand-deep-rgb), .72);
	border-color: rgba(var(--color-brand-bright-rgb), .24);
	backdrop-filter: blur(12px);
}

footer .footer-social ul li a {
	color: var(--color-logo-purple-800);
}

.mtp-best:before,
.mtp-calculator:before,
.mtp-instagram:before,
.mtp-tiktok:before,
.mtp-youtube:before,
.mtp-facebook:before {
	content: url('../images/mtp-side-wave-purple.svg');
	position: absolute;
	z-index: -1;
	bottom: 0;
	max-height: 900px;
}

.mtp-best:before,
.mtp-instagram:before,
.mtp-youtube:before {
	left: 0;
	right: auto;
	transform: none;
}

.mtp-calculator:before,
.mtp-tiktok:before,
.mtp-facebook:before {
	right: 0;
	left: auto;
	transform: rotate(180deg);
}

/* Keep the global footer's payment methods aligned with the home-page set. */
footer .footer-alt-content {
	justify-content: space-between;
	gap: 24px;
}

footer .footer-alt-left {
	white-space: nowrap;
}

footer .footer-payment-methods {
	display: grid;
	grid-template-columns: repeat(6, 44px);
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0;
	padding: 0;
	list-style: none;
	flex: 0 0 auto;
}

footer .footer-payment-methods img {
	display: block;
	width: 44px;
	height: auto;
}

@media (max-width: 768px) {
	/* Mobile density: two review-adjacent cards and two footer columns per row. */
	.team-wrapper {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	/* The story page promotes its team list to flex at desktop size; restore the
	 * shared mobile two-column grid without changing its portrait treatment. */
	.mtp-team.story-7 .team-wrapper {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: stretch;
		justify-content: initial;
	}

	.mtp-team.story-7 .team-wrapper .team-item {
		width: 100%;
		max-width: none;
	}

	[data-review-video-pane] .mtp-videos-item {
		min-height: 300px;
		padding: 54px 10px 12px;
		border-radius: 18px;
	}

	[data-review-video-pane] .mtp-videos-space {
		min-height: 300px;
		padding: 12px 10px;
	}

	[data-review-video-pane] .mtp-videos-rating {
		left: 10px;
		top: 10px;
		height: 22px;
		gap: 3px;
		padding: 4px 7px 4px 0;
	}

	[data-review-video-pane] .mtp-videos-rating svg {
		width: 18px;
		height: 18px;
	}

	[data-review-video-pane] .mtp-videos-rating span,
	[data-review-video-pane] .mtp-videos-date span {
		font-size: 14px;
	}

	[data-review-video-pane] .mtp-videos-date {
		right: 10px;
		top: 8px;
		height: 22px;
		gap: 3px;
		padding: 4px 0;
		font-size: 14px;
	}

	[data-review-video-pane] .mtp-videos-date svg {
		width: 16px;
		height: 16px;
	}

	[data-review-video-pane] .mtp-videos-play {
		background-size: 32px auto;
	}

	[data-review-video-pane] .mtp-videos-user {
		align-items: center;
		gap: 8px;
		line-height: 18px;
	}

	[data-review-video-pane] .mtp-videos-user img {
		width: 36px;
		height: 36px;
		margin-right: 0;
		outline-width: 2px;
	}

	[data-review-video-pane] .mtp-videos-user > span {
		min-width: 0;
	}

	[data-review-video-pane] .mtp-videos-user > span > span {
		display: flex;
		align-items: center;
		gap: 2px;
		font-size: 14px;
		line-height: 18px;
		white-space: nowrap;
	}

	[data-review-video-pane] .mtp-videos-user > span > span svg {
		width: 16px;
		height: 16px;
		margin-top: 0;
		flex: 0 0 auto;
	}

	[data-review-video-pane] .mtp-videos-user cite {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		font-size: 12px;
		line-height: 15px;
	}

	footer .footer-flex .footer-center {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: start;
		gap: 32px 24px;
		width: 100%;
	}

	footer .footer-links--service-groups {
		display: none;
	}

	footer {
		padding-bottom: calc(88px + env(safe-area-inset-bottom));
	}

	footer .footer-alt-content {
		flex-direction: column;
		justify-content: center;
		gap: 16px;
		padding: 20px 16px;
	}

	footer .footer-alt-left {
		text-align: center;
		white-space: normal;
	}

	footer .footer-payment-methods {
		grid-template-columns: repeat(6, minmax(0, 1fr));
		width: min(100%, 300px);
		gap: 6px;
	}

	footer .footer-payment-methods img {
		width: 100%;
	}
}

/* Shared text-only guide for all calculator and counter pages. */
[data-calculator-section-role="guide"] .calculator-guide {
	max-width: 1120px;
	margin: 0 auto;
}

[data-calculator-section-role="guide"] .calculator-guide__item {
	padding: clamp(28px, 4vw, 52px) 0;
	border-bottom: 1px solid color-mix(in srgb, var(--section-calculator-guide-accent) 20%, var(--color-surface-transparent));
	text-align: left;
}

[data-calculator-section-role="guide"] .calculator-guide__item:first-child {
	padding-top: 0;
}

[data-calculator-section-role="guide"] .calculator-guide__item:last-child {
	padding-bottom: 0;
	border-bottom: 0;
}

[data-calculator-section-role="guide"] .calculator-guide__item h2 {
	margin: 0 0 15px;
	color: var(--color-text-strong);
	font-family: var(--font-display);
	font-size: var(--type-size-section-title);
	font-weight: var(--font-weight-bold);
	letter-spacing: var(--type-tracking-heading);
	line-height: var(--type-leading-section);
	text-align: left;
}

[data-calculator-section-role="guide"] .calculator-guide__item p {
	max-width: none;
	margin: 0;
	color: var(--color-text-muted-neutral);
	font-size: var(--type-size-body);
	font-weight: var(--font-weight-regular);
	line-height: var(--type-leading-ui);
	text-align: left;
}

[data-calculator-section-role="guide"] .calculator-guide__item a {
	color: var(--section-calculator-guide-accent);
	font-weight: 700;
}

@media (max-width: 768px) {
	[data-calculator-section-role="guide"] .calculator-guide__item {
		padding: 28px 0;
	}

}

/* Chinese editorial typography contract: balanced titles and readable lead copy. */
:where(.mtp-top-header, .meet-header, .blog-box .bb-title) h1 {
	max-width: 18.5em;
	line-height: var(--type-leading-tight);
	line-break: strict;
	overflow-wrap: normal;
	text-wrap: balance;
	word-break: normal;
}

:is(.mtp-top-header, .meet-header, .blog-box .bb-title) > p {
	max-width: 42em;
	line-height: var(--type-leading-lead);
	line-break: strict;
	text-wrap: pretty;
	word-break: normal;
}

@media (max-width: 767.98px) {
	:where(.mtp-top-header, .meet-header, .blog-box .bb-title) h1 {
		max-width: min(100%, 11.5em);
		line-height: var(--type-leading-title);
	}

	:is(.mtp-top-header, .meet-header, .blog-box .bb-title) > p {
		max-width: min(100%, 32em);
		line-height: 1.7;
	}
}

/* Shared calculator surface: legacy adapters vary in markup, not visual hierarchy. */
main[data-page-template="calculator"] [data-component-owner="calculator-surface"] h1:not(.visually-hidden) {
	/* A few source-mirrored adapters emit later inline style blocks. Keep the override
	 * scoped to their shared surface so normal document headings remain unaffected. */
	font-family: var(--font-display) !important;
	font-size: var(--type-size-tool-title) !important;
	font-weight: var(--font-weight-bold) !important;
	line-height: var(--type-leading-title) !important;
	letter-spacing: var(--type-tracking-heading) !important;
}

main[data-page-template="calculator"] [data-component-owner="calculator-surface"] :is(input, select, textarea) {
	font-size: var(--type-size-control) !important;
	line-height: 1.35 !important;
	letter-spacing: var(--type-tracking-body) !important;
}

/* Free-service pages retain their campaign scale, now as named system variants. */
main[data-page-template="free-service"] :is(h1, [data-free-service-surface] h1) {
	font-family: var(--font-display);
	font-size: var(--type-size-campaign-title);
	font-weight: var(--font-weight-bold);
	line-height: var(--type-leading-title);
	letter-spacing: var(--type-tracking-heading);
}

main[data-page-template="free-service"] :is(h2, [data-free-service-surface] h2) {
	font-family: var(--font-display);
	font-size: var(--type-size-campaign-section);
	font-weight: var(--font-weight-semibold);
	line-height: var(--type-leading-title);
	letter-spacing: var(--type-tracking-heading);
}

@media (max-width: 991.98px) {
	main[data-page-template="free-service"] :is(h1, [data-free-service-surface] h1) {
		font-size: var(--type-size-display-mobile);
	}

	main[data-page-template="free-service"] :is(h2, [data-free-service-surface] h2) {
		font-size: var(--type-size-section-title-mobile);
	}
}

/* Free-service pages lead with the task, then keep the supporting explanation in reading order below it. */
@media (max-width: 991.98px) {
	main[data-page-template="free-service"] .sf-1 {
		padding-block: var(--space-5) var(--space-6);
	}

	main[data-page-template="free-service"] .sf-1 .sf-card {
		display: flex;
		flex-direction: column;
		padding-top: 0;
	}

	main[data-page-template="free-service"] .sf-1 .sf-card > h1 {
		order: 1;
		margin: 0;
		font-size: clamp(28px, 8vw, 32px);
		line-height: 1.18;
	}

	main[data-page-template="free-service"] .sf-1 .sf-card > .sf-wrapper {
		order: 2;
		gap: 0;
		margin-top: var(--space-4);
	}

	main[data-page-template="free-service"] .sf-1 .sf-wrapper .sf-img {
		display: none;
	}

	main[data-page-template="free-service"] .sf-1 .sf-bg-effects {
		display: none;
	}

	main[data-page-template="free-service"] .sf-1 .sf-form .form {
		padding: var(--space-4);
		border-radius: var(--radius-card);
	}

	main[data-page-template="free-service"] .sf-1 .sf-form .form .sf-group-item {
		gap: var(--space-3);
	}

	main[data-page-template="free-service"] .sf-1 .sf-form .form .sf-group .form-control,
	main[data-page-template="free-service"] .sf-1 .sf-form .btn-sf {
		min-height: var(--control-height-touch);
	}

	main[data-page-template="free-service"] .sf-1 .sf-card > .headText {
		order: 3;
		max-width: none;
		margin: var(--space-5) 0 0;
		font-size: var(--type-size-ui);
		line-height: var(--type-leading-ui);
	}
}

/* Shared footer brand lockup mirrors the header identity on the dark footer. */
.footer-brand-lockup {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	height: 49px;
	width: fit-content;
	max-width: 100%;
	color: var(--color-logo-lilac-100);
	text-decoration: none;
	white-space: nowrap;
}

.footer-brand-lockup .footer-brand-logo {
	width: 42px;
	height: 42px;
	object-fit: contain;
	object-position: left center;
	flex: 0 0 auto;
}

.footer-brand-text {
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	min-width: 0;
	line-height: 1.08;
}

.footer-brand-name {
	background: none;
	color: var(--color-logo-lilac-300);
	font-size: 15.4px;
	letter-spacing: 0;
}

.footer-brand-platform {
	margin-top: 2.8px;
	color: var(--color-logo-lilac-100);
	font-size: 10.5px;
	letter-spacing: 0;
}

.footer-brand-lockup:hover .footer-brand-name,
.footer-brand-lockup:focus-visible .footer-brand-name {
	color: var(--color-logo-lilac-100);
}

@media (max-width: 767.98px) {
	.footer-brand-lockup {
	justify-content: center;
	}
}

/* Shared editorial reading layout for every blog detail page. */
main[data-page-template="blog-article"] {
	overflow: visible;
}

.blog-box[data-blog-reading-layout] .bb-wrapper {
	display: block;
	width: 100%;
	margin-top: clamp(42px, 5vw, 72px);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .bb-content {
	width: 100%;
	max-width: none;
	min-width: 0;
	font-family: var(--font-body);
	font-size: var(--type-size-article-body);
	line-height: var(--type-leading-reading);
	letter-spacing: var(--type-tracking-article-body);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .bb-content h2 {
	scroll-margin-top: 148px;
}

@media (max-width: 991.98px) {
	.blog-box[data-blog-reading-layout] .bb-wrapper {
		width: 100%;
		margin-top: 36px;
	}

	.blog-box[data-blog-reading-layout] .bb-wrapper .bb-content {
		font-size: var(--type-size-article-body);
		line-height: var(--type-leading-reading);
	}

	.blog-box[data-blog-reading-layout] .bb-wrapper .bb-content h2 {
		scroll-margin-top: 110px;
	}
}

/* Final shared article-reading surface. Content stays source-authored; the frame stays component-owned. */
.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body {
	color: var(--color-text);
	font-family: var(--font-body);
	font-size: var(--type-size-article-body);
	font-weight: var(--font-weight-regular);
	line-height: var(--type-leading-reading);
	letter-spacing: var(--type-tracking-article-body);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body p,
.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body li,
.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body td {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
	color: var(--color-text-muted);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body p {
	margin: 0 0 22px;
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body .blog-lead {
	margin-bottom: 24px;
	color: var(--color-text);
	font-size: var(--type-size-article-lead);
	line-height: var(--type-leading-lead);
	letter-spacing: var(--type-tracking-article-body);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body h2 {
	margin: clamp(54px, 6vw, 82px) 0 22px;
	padding-left: 16px;
	border-left: 3px solid var(--blog-article-accent, var(--color-brand));
	color: var(--color-text);
	font-family: var(--font-display);
	font-size: var(--type-size-article-section);
	font-weight: var(--font-weight-display);
	line-height: var(--type-leading-article-section);
	letter-spacing: var(--type-tracking-article-heading);
	scroll-margin-top: 148px;
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body h3 {
	margin: 30px 0 10px;
	color: var(--color-text);
	font-family: var(--font-display);
	font-size: var(--type-size-article-subhead);
	font-weight: var(--font-weight-display);
	line-height: var(--type-leading-article-subhead);
	letter-spacing: var(--type-tracking-article-heading);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body :is(h4, h5, h6) {
	margin: 26px 0 10px;
	color: var(--color-text);
	font-family: var(--font-display);
	font-size: var(--type-size-article-minor-heading);
	font-weight: var(--font-weight-bold);
	line-height: var(--type-leading-article-subhead);
	letter-spacing: var(--type-tracking-article-heading);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body :is(strong, b) {
	font-family: inherit;
	font-size: inherit;
	font-weight: var(--font-weight-bold);
	line-height: inherit;
	letter-spacing: inherit;
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body :is(em, i, small) {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit;
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body a {
	font-family: inherit;
	font-size: inherit;
	color: var(--color-brand);
	font-weight: var(--font-weight-semibold);
	line-height: inherit;
	letter-spacing: inherit;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body ul,
.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body ol {
	display: grid;
	gap: 13px;
	margin: 24px 0 30px;
	padding-left: 26px;
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body .blog-disclosure,
.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body .blog-key-takeaway,
.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body blockquote {
	margin: 32px 0 42px;
	padding: 20px 0 20px 22px;
	border: 0;
	border-left: 3px solid var(--blog-article-accent, var(--color-brand));
	border-radius: 0;
	background: linear-gradient(90deg, color-mix(in srgb, var(--blog-article-accent, var(--color-brand)) 9%, transparent) 0%, transparent 72%);
	color: var(--color-text-muted);
	font-family: var(--font-body);
	font-size: inherit;
	line-height: var(--type-leading-article-callout);
	letter-spacing: var(--type-tracking-article-body);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body .blog-key-takeaway {
	color: var(--color-text);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body .blog-key-takeaway ul {
	margin-bottom: 0;
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body .blog-table-scroll {
	margin: 34px 0 40px;
	border: 1px solid var(--color-border);
	border-radius: 12px;
	background: var(--color-surface);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body th,
.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body td {
	padding: 16px 19px;
	border-bottom: 1px solid var(--color-border);
	text-align: left;
	vertical-align: top;
	font-family: var(--font-body);
	font-size: var(--type-size-article-table);
	line-height: var(--type-leading-reading);
	letter-spacing: var(--type-tracking-article-body);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body th {
	color: var(--color-text);
	background: color-mix(in srgb, var(--blog-article-accent, var(--color-brand)) 7%, var(--color-surface));
	font-weight: var(--font-weight-bold);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body :is(ul, ol) li::marker {
	color: var(--blog-article-accent, var(--color-brand));
	font-size: 1em;
	font-weight: var(--font-weight-bold);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body [style*="font-family"],
.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body [style*="font-family"] * {
	font-family: var(--font-body) !important;
	letter-spacing: var(--type-tracking-article-body) !important;
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body [style*="font-size"] {
	font-size: inherit !important;
	line-height: inherit !important;
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body .blog-faq-list {
	display: block;
	margin: 26px 0 38px;
	border-top: 1px solid var(--color-border);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body .blog-faq-item {
	padding: 24px 0;
	border: 0;
	border-bottom: 1px solid var(--color-border);
	border-radius: 0;
	background: var(--color-css-transparent);
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body .blog-faq-item h3 {
	margin-top: 0;
}

.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body .blog-faq-item p:last-child,
.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body blockquote p:last-child {
	margin-bottom: 0;
}

@media (max-width: 991.98px) {
	.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body {
		font-size: var(--type-size-article-body);
		line-height: var(--type-leading-reading);
	}

	.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body h2 {
		margin-top: 48px;
		padding-left: 13px;
		scroll-margin-top: 110px;
	}

	.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body .blog-disclosure,
	.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body .blog-key-takeaway,
	.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body blockquote {
		margin: 26px 0 34px;
		padding: 17px 0 17px 17px;
	}

	.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body th,
	.blog-box[data-blog-reading-layout] .bb-wrapper .blog-seo-body td {
		padding: 13px 15px;
	}
}

/* Panel-service platform contract.
 * The page structure is shared; only platform tokens may change its accents.
 * Keep this in step with the paid-service token contract above. */
[data-panel-service-surface][class*="platform-"] {
	--service-platform-button-ink: var(--color-text-inverse);
	--service-platform-strong: var(--service-platform);
	--service-platform-soft: color-mix(in srgb, var(--service-platform) 14%, var(--color-surface));
	--service-platform-title-gradient: linear-gradient(135deg, var(--service-platform-strong) 0%, var(--service-platform) 100%);
	--service-platform-action-bg: linear-gradient(135deg, var(--service-platform-strong) 0%, var(--service-platform) 100%);
	--service-platform-hero-floor: radial-gradient(circle at 30% 107%, color-mix(in srgb, var(--service-platform) 28%, var(--color-surface)) 0%, color-mix(in srgb, var(--service-platform) 18%, var(--color-surface)) 28%, color-mix(in srgb, var(--service-platform) 8%, var(--color-surface)) 62%, var(--color-surface-transparent) 100%);
	--service-platform-radial: radial-gradient(circle at 30% 107%, var(--service-platform-soft) 0%, var(--service-platform) 45%, var(--service-platform-strong) 72%, var(--color-surface-transparent) 100%);
	--service-platform-price: var(--service-platform-strong);
}

[data-panel-service-surface].platform-facebook {
	--service-platform: var(--platform-facebook-alt);
	--service-platform-strong: var(--platform-facebook-deep);
}

[data-panel-service-surface].platform-discord {
	--service-platform: var(--platform-discord);
}

[data-panel-service-surface].platform-instagram {
	--service-platform: var(--platform-instagram);
	--service-platform-strong: var(--platform-instagram-pink);
	--service-platform-title-gradient: var(--gradient-platform-instagram-text);
	--service-platform-action-bg: var(--gradient-platform-instagram-action);
	--service-platform-radial: var(--gradient-platform-instagram-radial);
}

[data-panel-service-surface].platform-kick {
	--service-platform: var(--platform-kick);
	--service-platform-strong: var(--platform-kick-bright);
	--service-platform-button-ink: var(--color-text-ink);
}

[data-panel-service-surface].platform-linkedin {
	--service-platform: var(--platform-linkedin);
}

[data-panel-service-surface].platform-pinterest {
	--service-platform: var(--platform-pinterest);
	--service-platform-strong: var(--platform-pinterest-deep);
	--service-platform-soft: color-mix(in srgb, var(--platform-pinterest) 16%, var(--color-surface));
}

[data-panel-service-surface].platform-quora {
	--service-platform: var(--platform-quora);
}

[data-panel-service-surface].platform-snapchat {
	--service-platform: var(--platform-snapchat);
	--service-platform-strong: var(--platform-snapchat-gold);
	--service-platform-button-ink: var(--color-text-ink);
}

[data-panel-service-surface].platform-soundcloud {
	--service-platform: var(--platform-soundcloud);
}

[data-panel-service-surface].platform-spotify {
	--service-platform: var(--platform-spotify);
}

[data-panel-service-surface].platform-telegram {
	--service-platform: var(--platform-telegram);
}

[data-panel-service-surface].platform-twitch {
	--service-platform: var(--platform-twitch);
}

[data-panel-service-surface].platform-threads,
[data-panel-service-surface].platform-twitter {
	--service-platform: var(--platform-x);
	--service-platform-strong: var(--color-text-ink);
	--service-platform-soft: color-mix(in srgb, var(--platform-x) 9%, var(--color-surface));
}

[data-panel-service-surface].platform-tiktok {
	--service-platform: var(--platform-tiktok-red);
	--service-platform-strong: var(--platform-tiktok-red-deep);
	--service-platform-soft: color-mix(in srgb, var(--platform-tiktok-red) 14%, var(--color-surface));
	--service-platform-title-gradient: var(--platform-tiktok-red-deep);
	--service-platform-action-bg: var(--gradient-platform-tiktok-action);
	--service-platform-hero-floor: var(--gradient-platform-tiktok-radial);
	--service-platform-radial: var(--gradient-platform-tiktok-radial);
	--service-platform-price: var(--platform-tiktok-red);
}

[data-panel-service-surface].platform-youtube {
	--service-platform: var(--platform-youtube-red);
}

[data-panel-service-surface][class*="platform-"] .mtp-top .home-seperator {
	background: var(--service-platform-hero-floor);
}

[data-panel-service-surface][class*="platform-"] :is(.mtp-top-header h1 span, .mtp-header h2 span, .mtp-header h3 span, .mtp-why h2 span) {
	background: var(--service-platform-title-gradient);
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	background-clip: text;
	color: var(--service-platform);
	text-shadow: none;
}

[data-panel-service-surface][class*="platform-"] :is(.mtp-top-header h1 span, .mtp-header h2 span, .mtp-header h3 span, .mtp-why h2 span)::before {
	background: var(--service-platform-title-gradient);
}

[data-panel-service-surface][class*="platform-"] .mtp-why .ww-boxes-2,
[data-panel-service-surface][class*="platform-"] .mtp-margin .glow,
[data-panel-service-surface][class*="platform-"] .mtp-instagram .best-swiper .item:before,
[data-panel-service-surface][class*="platform-"] .mtp-instagram .best-swiper .item .icon {
	background: var(--service-platform-radial);
}

[data-panel-service-surface][class*="platform-"] .mtp-why .ww-boxes-2 .btn {
	--button-text: var(--service-platform-strong);
	--button-hover-text: var(--service-platform-strong);
	color: var(--button-text);
}

/* Shared panel conclusion card.
 * Every panel owns the same .mtp-advantages markup; keeping this contract on
 * the panel surface prevents legacy wrapper classes from leaving a bare title
 * and paragraph on otherwise identical routes. Facebook remains the visual
 * baseline while the existing platform token supplies each route's accent. */
[data-panel-service-surface][class*="platform-"] .mtp-advantages .ceo-message {
	background: var(--color-surface-blue-faint);
	border: 1px solid var(--color-border);
	border-radius: 15px;
	padding: 35px 75px;
	position: relative;
	overflow: hidden;
	margin-top: 25px;
}

[data-panel-service-surface][class*="platform-"] .mtp-advantages .ceo-message::before {
	content: '';
	position: absolute;
	bottom: -50px;
	left: 0;
	width: 100%;
	height: 50px;
	background: var(--panel-ceo-radial, var(--service-platform-radial));
	filter: blur(37px);
	z-index: 1;
}

[data-panel-service-surface][class*="platform-"] .mtp-advantages .ceo-message p {
	color: var(--color-text-ink);
}

/* Keep the proof-to-decision sequence on one continuous page surface.
 * The old .why-more illustration belongs to the legacy page shell and creates
 * an unrelated blue-grey wave on every platform panel. The following metrics
 * rail is a separate component, so it should not be detached by a coloured
 * strip or a collapsed generic section margin. */
[data-panel-service-surface][class*="platform-"] .mtp-why.why-more {
	background: var(--color-css-transparent);
}

[data-panel-service-surface][class*="platform-"] .mtp-why.why-more + .mtp-case.mtp-margin {
	/* Keep the shared metrics surface aligned with the homepage component. */
	background-color: var(--color-surface-green-soft);
	margin-top: 0;
}

@media (min-width: 992px) {
	[data-panel-service-surface][class*="platform-"] .mtp-customer.mtp-margin {
		margin-bottom: 48px;
	}

	[data-panel-service-surface][class*="platform-"] .mtp-why.why-more {
		padding: 64px 0;
	}
}

[data-panel-service-surface].platform-facebook {
	--panel-ceo-radial: var(--gradient-platform-facebook-radial);
}

[data-panel-service-surface].platform-tiktok {
	--panel-ceo-radial: var(--gradient-platform-tiktok-radial);
}

[data-panel-service-surface][class*="platform-"] .mtp-instagram .best-swiper .item-wrapper {
	--service-best-swiper-action-bg: var(--service-platform-action-bg);
	--service-best-swiper-action-border: var(--service-platform);
}

[data-panel-service-surface].platform-tiktok :is(.mtp-top-header h1 span, .mtp-header h2 span, .mtp-header h3 span, .mtp-why h2 span) {
	background: none;
	-webkit-background-clip: text;
	-webkit-text-fill-color: var(--color-css-transparent);
	background-clip: text;
	color: var(--platform-tiktok-black);
	text-shadow: 1px 1px var(--platform-tiktok-red-glow), -1px -1px var(--platform-tiktok-cyan);
}

[data-panel-service-surface].platform-tiktok :is(.mtp-top-header h1 span, .mtp-header h2 span, .mtp-header h3 span, .mtp-why h2 span)::before {
	background: var(--platform-tiktok-red-deep);
}