img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */


:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-color]){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */


/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */


.tabs-section_checking:has([data-num="1"].active)::after{
	background-image: url(/wp-content/themes/bdatheme/assets/images/tab-2.svg);
}
.tabs-section_checking:has([data-num="2"].active)::after{
	background-image: url(/wp-content/themes/bdatheme/assets/images/tab-3.svg);
	margin-right: -1rem;
}
.tabs-section_checking:has([data-num="3"].active)::after{
	background-image: url(/wp-content/themes/bdatheme/assets/images/tab-4.svg);
	margin-right: -1rem;
}
.tabs-section_checking:has([data-num="4"].active)::after{
	background-image: url(/wp-content/themes/bdatheme/assets/images/tab-5.svg);
	margin-right: -2rem;
}
.tabs-section_checking:has([data-num="5"].active)::after{
	background-image: url(/wp-content/themes/bdatheme/assets/images/tab-6.svg);
	margin-right: -2rem;
}
@media(min-width: 1200px){
	.tabs-section_checking{
		flex: 1 1 auto;
	}
}
.yt-slider__slide iframe{
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	aspect-ratio: 16/9;
}


        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

        :root {
            --black:   #0d0d0d;
            --white:   #ffffff;
            --accent:  #ff6403;
            --gray-bg: #f7f7f5;
            --gray-bd: #e4e4e0;
            --gray-tx: #6b6b6b;
            --font-h:  'Inter', sans-serif;
            --font-b:  'Roboto', sans-serif;
        }

        html { scroll-behavior: smooth; }

        body {
            font-family: var(--font-b);
            background: var(--white);
            color: var(--black);
            -webkit-font-smoothing: antialiased;
            overflow-x: hidden;
        }

        h1, h2, h3, h4, .head {
            font-family: var(--font-h);
            letter-spacing: -0.025em;
            line-height: 1.08;
        }

        /* ─── NAV ────────────────────────────── */
        nav {
            position: fixed;
            inset: 0 0 auto;
            z-index: 200;
            padding: 22px 52px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            transition: background .35s, backdrop-filter .35s;
        }
        nav.dark {
            background: rgba(13,13,13,.88);
            backdrop-filter: blur(14px);
        }
        .nav-logo {
            font-family: var(--font-h);
            font-size: 13px;
            font-weight: 800;
            letter-spacing: .14em;
            text-transform: uppercase;
            color: var(--white);
        }
        .nav-logo b { color: var(--accent); font-weight: 800; }
        .nav-btn {
            padding: 10px 22px;
            background: var(--accent);
            color: var(--white);
            font-family: var(--font-h);
            font-size: 13px;
            font-weight: 700;
            border-radius: 7px;
            text-decoration: none;
            letter-spacing: .02em;
            transition: opacity .2s;
        }
        .nav-btn:hover { opacity: .82; }

        /* ─── HERO ───────────────────────────── */
        .hero {
            position: relative;
            height: 90svh;
            min-height: 680px;
            display: flex;
            align-items: flex-end;
            background: var(--black);
            overflow: hidden;
        }
        .hero::before {
            content: '';
            position: absolute;
            inset: 0;
            background:
                radial-gradient(ellipse 80% 60% at 70% 20%, rgba(255,100,3,.07) 0%, transparent 65%),
                radial-gradient(ellipse 50% 40% at 10% 80%, rgba(255,100,3,.05) 0%, transparent 60%);
            pointer-events: none;
        }
        .hero-body {
            position: relative;
            z-index: 2;
            padding: 0 52px 80px;
            max-width: 960px;
            opacity: 0;
            transform: translateY(28px);
            animation: riseIn .9s .2s cubic-bezier(.22,1,.36,1) forwards;
        }
        .hero-chip {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 6px 14px;
            border: 1px solid rgba(255,100,3,.45);
            border-radius: 5px;
            font-family: var(--font-h);
            font-size: 11px;
            font-weight: 700;
            letter-spacing: .18em;
            text-transform: uppercase;
            color: var(--accent);
            margin-bottom: 28px;
        }
        .hero-chip::before {
            content: '';
            width: 6px; height: 6px;
            border-radius: 50%;
            background: var(--accent);
        }
        .hero h1 {
            font-size: clamp(48px, 7.5vw, 92px);
            font-weight: 900;
            color: var(--white);
            margin-bottom: 28px;
            max-width: 820px;
        }
        .hero h1 em { font-style: normal; color: var(--accent); }
        .hero-sub {
            font-size: clamp(16px, 1.8vw, 19px);
            line-height: 1.7;
            color: rgba(255,255,255,.72);
            max-width: 540px;
            margin-bottom: 44px;
            font-family: var(--font-b);
            font-weight: 300;
        }
        .hero-ctas {
            display: flex;
            gap: 14px;
            flex-wrap: wrap;
        }
        .btn-solid {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            padding: 16px 30px;
            background: var(--accent);
            color: var(--white);
            font-family: var(--font-h);
            font-size: 14px;
            font-weight: 700;
            border-radius: 8px;
            text-decoration: none;
            transition: transform .2s, box-shadow .2s;
        }
        .btn-solid:hover {
            transform: translateY(-2px);
            box-shadow: 0 14px 36px rgba(255,100,3,.35);
        }
        .btn-ghost {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            padding: 16px 30px;
            background: transparent;
            color: var(--white);
            font-family: var(--font-h);
            font-size: 14px;
            font-weight: 600;
            border-radius: 8px;
            border: 1.5px solid rgba(255,255,255,.28);
            text-decoration: none;
            transition: border-color .2s, background .2s;
        }
        .btn-ghost:hover {
            border-color: rgba(255,255,255,.65);
            background: rgba(255,255,255,.07);
        }

        /* scroll indicator */
        .hero-scroll {
            position: absolute;
            bottom: 36px;
            right: 52px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            opacity: 0;
            animation: fadeIn .8s 1.1s forwards;
        }
        .scroll-label {
            font-family: var(--font-h);
            font-size: 9px;
            font-weight: 700;
            letter-spacing: .22em;
            text-transform: uppercase;
            color: rgba(255,255,255,.35);
            writing-mode: vertical-rl;
        }
        .scroll-track {
            width: 1px;
            height: 52px;
            background: rgba(255,255,255,.15);
            overflow: hidden;
            border-radius: 1px;
        }
        .scroll-thumb {
            width: 100%;
            height: 50%;
            background: var(--accent);
            animation: scrollDrop 2.2s 1.5s ease infinite;
        }

        /* ─── SECTION COMMON ─────────────────── */
        .section-tag {
            display: inline-flex;
            align-items: center;
            gap: 14px;
            font-family: var(--font-h);
            font-size: 10px;
            font-weight: 800;
            letter-spacing: .22em;
            text-transform: uppercase;
            color: var(--accent);
            margin-bottom: 52px;
        }
        .section-tag::after {
            content: '';
            width: 48px;
            height: 1px;
            background: var(--accent);
        }

        /* ─── ABOUT ──────────────────────────── */
        .about {
            padding: 112px 52px;
            background: var(--white);
        }
        .about-wrap {
            max-width: 1280px;
            margin: 0 auto;
        }
        .about-header { margin-bottom: 0; }
        .about-grid {
            display: grid;
            grid-template-columns: 1.05fr .95fr;
            gap: 80px;
            align-items: start;
        }
        .about-left h2 {
            font-size: clamp(32px, 3vw, 46px);
            font-weight: 800;
            line-height: 1.18;
            letter-spacing: -0.02em;
            margin-bottom: 28px;
        }
        .about-left h2 span { color: var(--accent); }
        .about-left p {
            font-size: 16px;
            line-height: 1.8;
            color: #484848;
            margin-bottom: 18px;
            font-weight: 300;
        }

        /* site banner */
        .site-banner {
            margin-top: 36px;
            padding: 24px 28px;
            border: 1px solid var(--gray-bd);
            border-left: 4px solid var(--accent);
            border-radius: 0 14px 14px 0;
            background: var(--gray-bg);
            text-decoration: none;
            display: block;
            transition: box-shadow .22s, transform .22s;
        }
        .site-banner:hover {
            box-shadow: 0 6px 28px rgba(0,0,0,.08);
            transform: translateX(4px);
        }
        .site-banner-label {
            font-family: var(--font-h);
            font-size: 10px;
            font-weight: 800;
            letter-spacing: .2em;
            text-transform: uppercase;
            color: var(--accent);
            margin-bottom: 8px;
        }
        .site-banner-title {
            font-family: var(--font-h);
            font-size: 16px;
            font-weight: 800;
            color: var(--black);
            margin-bottom: 10px;
        }
        .site-banner-desc {
            font-size: 14px;
            line-height: 1.65;
            color: #555;
            font-weight: 300;
            margin-bottom: 16px;
        }
        .site-banner-tags {
            display: flex;
            flex-wrap: wrap;
            gap: 7px;
            margin-bottom: 16px;
        }
        .site-banner-tag {
            padding: 5px 12px;
            background: var(--white);
            border: 1px solid var(--gray-bd);
            border-radius: 6px;
            font-family: var(--font-h);
            font-size: 12px;
            font-weight: 600;
            color: var(--black);
        }
        .site-banner-arrow {
            font-family: var(--font-h);
            font-size: 13px;
            font-weight: 700;
            color: var(--accent);
        }

        /* stat cards */
        .stats-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 12px;
            margin-bottom: 20px;
        }
        .stat {
            background: var(--black);
            border-radius: 16px;
            padding: 28px 24px;
            position: relative;
            overflow: hidden;
        }
        .stat::before {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0;
            height: 2.5px;
            background: var(--accent);
        }
        .stat-n {
            font-family: var(--font-h);
            font-size: clamp(36px, 3.6vw, 52px);
            font-weight: 900;
            color: var(--white);
            letter-spacing: -0.04em;
            line-height: 1;
            margin-bottom: 8px;
        }
        .stat-n sup { font-size: .55em; color: var(--accent); vertical-align: super; }
        .stat-n small { font-size: .42em; color: rgba(255,255,255,.35); font-weight: 400; letter-spacing: 0; }
        .stat-d {
            font-size: 13px;
            color: rgba(255,255,255,.5);
            line-height: 1.5;
            font-family: var(--font-b);
            font-weight: 300;
        }
        .stat.wide { grid-column: 1 / -1; }

        /* checklist */
        .check-section { margin-top: 4px; }
        .check-title {
            font-family: var(--font-h);
            font-size: 10px;
            font-weight: 800;
            letter-spacing: .18em;
            text-transform: uppercase;
            color: var(--gray-tx);
            margin-bottom: 16px;
        }
        .checks { list-style: none; display: flex; flex-direction: column; gap: 12px; }
        .checks li {
            display: flex;
            align-items: flex-start;
            gap: 12px;
            font-size: 14px;
            line-height: 1.5;
            color: #2e2e2e;
            font-family: var(--font-b);
            font-weight: 400;
        }
        .ci {
            width: 20px; height: 20px;
            flex-shrink: 0;
            margin-top: 1px;
        }

        /* ─── CTA BLOCKS ─────────────────────── */
        .cta-light { background: var(--gray-bg); padding: 108px 52px; }
        .cta-dark  { background: var(--black);   padding: 108px 52px; }

        /* ─── DEVELOPER SECTION OVERRIDE ────── */
        #developer {
            background: #0d0d0d;
            padding: 0;
            position: relative;
            overflow: hidden;
        }
        #developer::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image:
                linear-gradient(rgba(255,100,3,.06) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,100,3,.06) 1px, transparent 1px);
            background-size: 48px 48px;
            pointer-events: none;
        }
        #developer::after {
            content: '';
            position: absolute;
            bottom: -120px; right: -120px;
            width: 480px; height: 480px;
            background: radial-gradient(circle, rgba(255,100,3,.14) 0%, transparent 65%);
            pointer-events: none;
        }
        .dev-inner {
            position: relative;
            z-index: 1;
            max-width: 1280px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr;
            min-height: 620px;
        }
        .dev-left {
            padding: 96px 64px 96px 52px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            border-right: 1px solid rgba(255,255,255,.08);
        }
        .dev-label {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            font-family: var(--font-h);
            font-size: 10px;
            font-weight: 800;
            letter-spacing: .22em;
            text-transform: uppercase;
            color: var(--accent);
            margin-bottom: 28px;
        }
        .dev-label::before {
            content: '';
            width: 28px; height: 2px;
            background: var(--accent);
        }
        .dev-left h2 {
            font-size: clamp(36px, 4vw, 56px);
            font-weight: 900;
            color: #ffffff;
            line-height: 1.08;
            margin-bottom: 28px;
        }
        .dev-left h2 span { color: var(--accent); }
        .dev-lead {
            font-size: 18px;
            line-height: 1.75;
            color: rgba(255,255,255,.8);
            font-family: var(--font-b);
            font-weight: 300;
            margin-bottom: 44px;
            max-width: 480px;
        }
        .dev-points {
            display: flex;
            flex-direction: column;
            gap: 14px;
        }
        .dev-point {
            display: flex;
            align-items: flex-start;
            gap: 14px;
        }
        .dev-point-num {
            width: 28px; height: 28px;
            border-radius: 50%;
            border: 1.5px solid var(--accent);
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: var(--font-h);
            font-size: 11px;
            font-weight: 800;
            color: var(--accent);
            flex-shrink: 0;
            margin-top: 1px;
        }
        .dev-point-text {
            font-size: 15px;
            line-height: 1.6;
            color: rgba(255,255,255,.75);
            font-family: var(--font-b);
            font-weight: 300;
        }
        .dev-right {
            padding: 96px 52px 96px 64px;
            display: flex;
            align-items: center;
        }
        .dev-card {
            background: #ffffff;
            border-radius: 24px;
            padding: 48px 44px;
            width: 100%;
            position: relative;
            overflow: hidden;
        }
        .dev-card::before {
            content: '';
            position: absolute;
            top: 0; left: 0; right: 0;
            height: 4px;
            background: linear-gradient(90deg, var(--accent), #ff8c42);
        }
        .dev-card-icon {
            width: 56px; height: 56px;
            border-radius: 16px;
            background: rgba(255,100,3,.1);
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 24px;
        }
        .dev-card-icon svg { color: var(--accent); }
        .dev-card-title {
            font-family: var(--font-h);
            font-size: 22px;
            font-weight: 800;
            color: var(--black);
            line-height: 1.2;
            margin-bottom: 12px;
        }
        .dev-card-sub {
            font-size: 15px;
            line-height: 1.7;
            color: #555;
            font-family: var(--font-b);
            font-weight: 300;
            margin-bottom: 32px;
        }
        .dev-card-divider {
            height: 1px;
            background: #ececec;
            margin-bottom: 28px;
        }
        .dev-bonus {
            display: flex;
            gap: 12px;
            align-items: flex-start;
            padding: 16px 18px;
            background: #f7f7f5;
            border-radius: 12px;
            margin-bottom: 32px;
        }
        .dev-bonus-ico {
            font-size: 20px;
            flex-shrink: 0;
            line-height: 1;
            margin-top: 1px;
        }
        .dev-bonus-text {
            font-size: 14px;
            line-height: 1.6;
            color: #333;
            font-family: var(--font-b);
            font-weight: 400;
        }
        .dev-bonus-text strong {
            font-family: var(--font-h);
            font-weight: 700;
            color: var(--black);
            display: block;
            margin-bottom: 3px;
        }
        .btn-dev {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            width: 100%;
            padding: 17px 28px;
            background: var(--black);
            color: var(--white);
            font-family: var(--font-h);
            font-size: 15px;
            font-weight: 700;
            border-radius: 10px;
            text-decoration: none;
            transition: background .2s, transform .2s, box-shadow .2s;
            letter-spacing: -.01em;
        }
        .btn-dev:hover {
            background: var(--accent);
            transform: translateY(-2px);
            box-shadow: 0 14px 36px rgba(255,100,3,.3);
        }
        @media (max-width: 1024px) {
            .dev-inner { grid-template-columns: 1fr; min-height: auto; }
            .dev-left  { padding: 72px 28px 48px; border-right: none; border-bottom: 1px solid rgba(255,255,255,.08); }
            .dev-right { padding: 48px 28px 72px; }
        }

        .cta-inner {
            max-width: 1280px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1.15fr .85fr;
            gap: 80px;
            align-items: center;
        }
        .cta-inner.flip {
            grid-template-columns: .85fr 1.15fr;
        }

        .cta-eyebrow {
            font-family: var(--font-h);
            font-size: 10px;
            font-weight: 800;
            letter-spacing: .22em;
            text-transform: uppercase;
            color: var(--accent);
            margin-bottom: 18px;
        }
        .cta-h {
            font-size: clamp(30px, 3.5vw, 46px);
            font-weight: 900;
            line-height: 1.1;
            margin-bottom: 22px;
        }
        .cta-light .cta-h { color: var(--black); }
        .cta-dark  .cta-h { color: var(--white); }

        .cta-p {
            font-size: 17px;
            line-height: 1.75;
            font-weight: 300;
        }
        .cta-light .cta-p { color: #555; }
        .cta-dark  .cta-p { color: rgba(255,255,255,.55); }

        /* offer card */
        .offer-card {
            border-radius: 22px;
            padding: 44px 40px;
            position: relative;
            overflow: hidden;
        }
        .cta-light .offer-card {
            background: var(--white);
            border: 1px solid var(--gray-bd);
            box-shadow: 0 4px 48px rgba(0,0,0,.06);
        }
        .cta-dark .offer-card {
            background: rgba(255,255,255,.055);
            border: 1px solid rgba(255,255,255,.1);
        }
        .offer-bar {
            position: absolute;
            top: 0; left: 0; right: 0;
            height: 3px;
            background: linear-gradient(90deg, var(--accent), #ff8c42);
        }
        .offer-icon { font-size: 36px; margin-bottom: 18px; }
        .offer-h {
            font-family: var(--font-h);
            font-size: 19px;
            font-weight: 800;
            line-height: 1.25;
            margin-bottom: 14px;
        }
        .cta-light .offer-h { color: var(--black); }
        .cta-dark  .offer-h { color: var(--white); }
        .offer-p {
            font-size: 15px;
            line-height: 1.7;
            margin-bottom: 32px;
            font-weight: 300;
        }
        .cta-light .offer-p { color: #666; }
        .cta-dark  .offer-p { color: rgba(255,255,255,.45); }

        .btn-dark-pill {
            display: inline-flex;
            align-items: center;
            gap: 9px;
            padding: 15px 26px;
            background: var(--black);
            color: var(--white);
            font-family: var(--font-h);
            font-size: 14px;
            font-weight: 700;
            border-radius: 8px;
            text-decoration: none;
            transition: transform .2s, box-shadow .2s;
        }
        .btn-dark-pill:hover {
            transform: translateY(-2px);
            box-shadow: 0 12px 30px rgba(0,0,0,.22);
        }
        .cta-dark .btn-dark-pill {
            background: var(--accent);
        }
        .cta-dark .btn-dark-pill:hover {
            box-shadow: 0 12px 30px rgba(255,100,3,.38);
        }

        /* ─── CHANNELS ───────────────────────── */
        .channels {
            padding: 108px 52px;
            background: var(--white);
        }
        .channels-inner { max-width: 1280px; margin: 0 auto; }
        .channels-h {
            font-size: clamp(30px, 3.5vw, 46px);
            font-weight: 900;
            margin-bottom: 56px;
        }
        .ch-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 20px;
        }
        .ch-card {
            border: 1px solid var(--gray-bd);
            border-radius: 18px;
            padding: 32px 28px;
            display: flex;
            flex-direction: column;
            transition: border-color .25s, transform .25s, box-shadow .25s;
            background: var(--white);
        }
        .ch-card:hover {
            border-color: var(--black);
            transform: translateY(-5px);
            box-shadow: 0 22px 52px rgba(0,0,0,.09);
        }
        .ch-ico {
            width: 50px; height: 50px;
            border-radius: 14px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 20px;
            flex-shrink: 0;
        }
        .ico-yt   { background: #ff0000; }
        .ico-tg   { background: #229ED9; }
        .ico-ig   { background: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); }
        .ico-bda  { background: var(--black); }

        .ch-name {
            font-family: var(--font-h);
            font-size: 16px;
            font-weight: 800;
            color: var(--black);
            margin-bottom: 8px;
        }
        .ch-desc {
            font-size: 14px;
            line-height: 1.6;
            color: var(--gray-tx);
            flex: 1;
            margin-bottom: 28px;
            font-weight: 300;
        }
        .btn-ch {
            display: inline-flex;
            align-items: center;
            gap: 7px;
            padding: 10px 18px;
            background: var(--black);
            color: var(--white);
            font-family: var(--font-h);
            font-size: 12px;
            font-weight: 700;
            border-radius: 7px;
            text-decoration: none;
            align-self: flex-start;
            letter-spacing: .02em;
            transition: opacity .2s;
        }
        .btn-ch:hover { opacity: .72; }

        /* ─── CONTACT ────────────────────────── */
        .contact {
            background: var(--black);
            padding: 108px 52px;
            position: relative;
            overflow: hidden;
        }
        .contact::after {
            content: '';
            position: absolute;
            top: -300px; right: -300px;
            width: 700px; height: 700px;
            background: radial-gradient(circle, rgba(255,100,3,.07) 0%, transparent 68%);
            pointer-events: none;
        }
        .contact-inner {
            max-width: 1280px;
            margin: 0 auto;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 80px;
            align-items: center;
            position: relative;
            z-index: 1;
        }
        .contact-l h2 {
            font-size: clamp(36px, 4.5vw, 58px);
            font-weight: 900;
            color: var(--white);
            margin-bottom: 22px;
        }
        .contact-l h2 span { color: var(--accent); }
        .contact-l p {
            font-size: 18px;
            line-height: 1.7;
            color: rgba(255,255,255,.5);
            font-weight: 300;
        }
        .contact-btns { display: flex; flex-direction: column; gap: 16px; }
        .c-btn {
            display: flex;
            align-items: center;
            gap: 18px;
            padding: 22px 26px;
            border: 1px solid rgba(255,255,255,.1);
            border-radius: 16px;
            text-decoration: none;
            background: transparent;
            transition: background .22s, transform .22s, border-color .22s;
        }
        .c-btn:hover {
            background: rgba(255,255,255,.055);
            border-color: rgba(255,255,255,.22);
            transform: translateX(6px);
        }
        .c-btn-ico {
            width: 46px; height: 46px;
            border-radius: 13px;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
        }
        .c-btn.tg .c-btn-ico { background: #229ED9; }
        .c-btn.wa .c-btn-ico { background: #25D366; }
        .c-btn-info strong {
            display: block;
            font-family: var(--font-h);
            font-size: 16px;
            font-weight: 700;
            color: var(--white);
            margin-bottom: 2px;
        }
        .c-btn-info span {
            font-size: 13px;
            color: rgba(255,255,255,.38);
        }
        .c-arrow {
            margin-left: auto;
            font-size: 18px;
            color: rgba(255,255,255,.22);
            transition: color .22s, transform .22s;
        }
        .c-btn:hover .c-arrow {
            color: var(--accent);
            transform: translateX(3px);
        }

        /* ─── FOOTER ─────────────────────────── */
        footer {
            background: #070707;
            padding: 26px 52px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
        .f-logo {
            font-family: var(--font-h);
            font-size: 12px;
            font-weight: 800;
            letter-spacing: .12em;
            text-transform: uppercase;
            color: rgba(255,255,255,.3);
        }
        .f-logo b { color: var(--accent); }
        .f-link {
            font-family: var(--font-h);
            font-size: 12px;
            color: rgba(255,255,255,.22);
            text-decoration: none;
            letter-spacing: .05em;
            transition: color .2s;
        }
        .f-link:hover { color: rgba(255,255,255,.55); }

        /* ─── ANIMATIONS ─────────────────────── */
        @keyframes riseIn {
            to { opacity: 1; transform: translateY(0); }
        }
        @keyframes fadeIn {
            to { opacity: 1; }
        }
        @keyframes scrollDrop {
            0%   { transform: translateY(-100%); }
            100% { transform: translateY(200%); }
        }

        .r {
            opacity: 0;
            transform: translateY(22px);
            transition: opacity .7s ease, transform .7s ease;
        }
        .r.v { opacity: 1; transform: translateY(0); }
        .r.d1 { transition-delay: .1s; }
        .r.d2 { transition-delay: .2s; }
        .r.d3 { transition-delay: .3s; }
        .r.d4 { transition-delay: .4s; }

        /* ─── RESPONSIVE ─────────────────────── */
        @media (max-width: 1024px) {
            nav { padding: 20px 28px; }
            .hero-body { padding: 0 28px 64px; }
            .hero-scroll { right: 28px; }
            .about { padding: 80px 28px; }
            .about-grid { grid-template-columns: 1fr; gap: 48px; }
            .cta-light, .cta-dark { padding: 80px 28px; }
            .cta-inner, .cta-inner.flip { grid-template-columns: 1fr; gap: 44px; }
            .channels { padding: 80px 28px; }
            .ch-grid { grid-template-columns: 1fr 1fr; }
            .contact { padding: 80px 28px; }
            .contact-inner { grid-template-columns: 1fr; gap: 48px; }
            footer { padding: 22px 28px; }
        }
        @media (max-width: 600px) {
            .stats-grid { grid-template-columns: 1fr; }
            .stat.wide { grid-column: 1; }
            .ch-grid { grid-template-columns: 1fr; }
            .hero-ctas { flex-direction: column; }
            .btn-solid, .btn-ghost { justify-content: center; text-align: center; }
            footer { flex-direction: column; gap: 10px; text-align: center; }
        }