* {
            box-sizing: border-box;
            -webkit-tap-highlight-color: transparent;
            user-select: none;
        }

        :root{
            --bg: #0f1115;
            --card:#151823;
            --card-2:#1a1f2e;
            --text:#e8ecf3;
            --muted:#b4bdd1;
            --accent:#7aa2ff;
            --radius:18px;
            --shadow:0 10px 30px rgba(0,0,0,.25);
            --bg:#0e1117; 
            --card:#141826; 
            --card2:#1a2032; 
            --text:#e8ecf3; 
            --muted:#b6bfd3;
            --accent:#7aa2ff; 
            --gold:#ffc107; 
            --radius:18px; 
            --gap:20px;
            --faq-dur: 520ms;
            --faq-ease: cubic-bezier(.22,1,.36,1);
        }
        
        html, body {
            margin: 0;
            padding: 0;
            overscroll-behavior: none;
            touch-action: manipulation;
            height: auto;
            min-height: 100%;
            background: #F7F7F7;
        }

        body {
            padding: 0px 20px;
            padding-bottom: 20px;
        }

        .utp-container {
            display: flex;
            justify-content: center;
            margin-top: 60px;
        }

        .utp {
            width: 800px;
            text-align: -webkit-center;
        }

        .utp h1 {
            font-size: 50px;
            font-weight: 500;
        }

        .utp p {
            width: 500px;
            font-weight: 400;
        }

        .utp-photo {
            text-align: center;
        }

        .utp-photo img {
            width: 97%;
        }

        .main_screen {
            background: url('/assets/img/sellmainpage.jpg');
            background-repeat: no-repeat;
            background-size: cover;
        }

        .modern-glow-btn {
            position: relative;
            display: inline-block;
            padding: 15px 45px;
            margin: 20px 0px 55px 0px;
            font-size: 16px;
            font-weight: 600;
            letter-spacing: 0.5px;
            color: #ffffff;
            background: linear-gradient(135deg, #3d3dff, #a660ff);
            border: none;
            border-radius: 12px;
            font-family: 'Montserrat';
            cursor: pointer;
            overflow: hidden;
            z-index: 1;
            transition: all 0.3s ease-in-out;
            box-shadow:
            0 0 12px rgba(163, 100, 255, 0.25),
            0 0 20px rgba(61, 61, 255, 0.2);
        }

        .modern-glow-btn::before {
            content: '';
            position: absolute;
            top: -2px;
            left: -2px;
            right: -2px;
            bottom: -2px;
            background: linear-gradient(135deg, #a660ff, #3d3dff);
            z-index: -1;
            filter: blur(10px);
            opacity: 0;
            transition: opacity 0.4s ease;
            border-radius: 14px;
        }

        .modern-glow-btn:hover::before {
            opacity: 0.7;
        }

        .flex-cont {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .sp-container img {
            height: 500px;
            object-fit: cover;
        }

        .fp-container, .sp-container {
            width: 100%;
        }

        .sp-container {
            display: flex;
            justify-content: end;
        }

        .fp-container ul {
            padding-left: 0px;
            margin-top: .5rem;
        }

        .fp-container ul li {
            border: none;
            font-weight: 400;
        }

        .modern-glow-btn:hover {
            transform: translateY(-2px) scale(1.02);
            box-shadow:
            0 0 18px rgba(163, 100, 255, 0.3),
            0 0 30px rgba(61, 61, 255, 0.25);
        }

        .header_of_section {
            text-align: -webkit-center;
        }

        .check-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .check-list li {
            position: relative;
            padding-left: 30px;
            font-size: 16px;
            line-height: 1.5;
            color: #333;
            font-weight: 500;
        }

        .check-icon {
            position: absolute;
            left: 0;
            font-size: 18px;
            color: #2ecc71; 
            font-weight: bold;
            line-height: 1.5;
        }

        .header_p {
            background: #a660ff;
            color: white;
            padding: 5px 15px;
            border-radius: 8px;
            width: fit-content;
            margin-bottom: 0;
        }

        .carousel_screen {
            background: linear-gradient(135deg, #a660ff, #3d3dff);
        }

        .fp-container h2 {
            font-size: 38px;
            font-weight: 500;
            margin-top: 1rem;
        }

        .next_screens {
            padding: 90px 0px;
        }

        .small-note {
            font-size: 12px;
            color: grey;
            margin-top: 0;
        }
        
        /* #crm-carousel { 
            position: relative; 
        }

        #crm-carousel .pin {
            position: sticky;
            top: 0;
            height: 80vh;
            display: flex;
            align-items: center;
            overflow: hidden;
            background: transparent; 
        }

        .carousels { 
            justify-content: flex-start; 
        } 

        .carousel .icon {
            padding: 20px;
            background: rgba(255,255,255,0.3);
            width: max-content;
            border-radius: 100px;
            margin-bottom: 20px;
        }

        .carousel h3 {
            font-size: 25px;
            margin-bottom: .5rem;
            font-weight: 400;
        }

        .carousel-track {
            display: flex;
            gap: 32px;             
            will-change: transform;
            transition: transform 0.2s linear;
        }
    
        .carousel {
            width: 300px;
            padding: 2.2rem;      
        }

        .carousel_screen h1 {
            text-align: center;
            font-size: 48px;
            color: white;
        }

        @media (max-width: 768px) {
            .carousel { width: 88vw; }
        } */


        .carousel_screen {
            position: relative;
            margin: 0;
            background: radial-gradient(1200px 600px at 20% 0%, rgba(255,255,255,0.06), transparent 60%),
            linear-gradient(135deg, #0e1320 0%, #a660ff 100%);
            border-radius: 40px;
        }

        #crm-carousel .pin{
            position: sticky;
            top: 0;
            height: 100vh;              
            display: grid;
            grid-template-rows: auto 1fr; 
            overflow: hidden;
        }

        #crm-carousel .head{
            text-align: center;
            padding: 160px 24px 24px;
            color: #fff;
            pointer-events: none;
        }

        #crm-carousel .head h1{
            font-size: 50px;
            font-weight: 500;
            margin-bottom: .5rem;
        }

        #crm-carousel .head p{
            margin: 0;
            opacity: .8;
            font-size: clamp(14px, 1.6vw, 18px);
        }

        #crm-carousel .container{
            height: 100%;
            display: flex;
            align-items: center;
            padding: 0 6vw; 
        }

        .carousel-track{
            display: flex;
            gap: 30px;
            will-change: transform;
            transition: transform .18s linear;
        }

        .carousel {
            border-radius: 20px;
            background: rgba(255, 255, 255, 0.1);
            box-shadow: 0 4px 30px rgba(0,0,0,0.1);
            backdrop-filter: blur(10px);
            -webkit-backdrop-filter: blur(10px);
            border: 1px solid rgba(255,255,255,0.3);
            color: white;
            flex: 0 0 auto; 
            width: 300px;
            padding: 2.2rem;      
        }

        .carousel .icon {
            padding: 20px 22px;
            background: rgb(255, 255, 255);
            width: max-content;
            border-radius: 100px;
            margin-bottom: 20px;
        }

        .carousel h3 {
            font-size: 25px;
            margin-bottom: .5rem;
            font-weight: 400;
        }

        .carousel p {
            color: #cbcbcb;
        }

        .foth_screen {
            padding: 90px 0px;
            background: radial-gradient(1200px 600px at 20% 0%, rgba(255,255,255,0.06), transparent 60%),
                linear-gradient(135deg, #0e1320 0%, #a660ff 100%);
            border-radius: 40px;
        }

        .how-it-works h2 {
            font-size: 32px;
            margin-bottom: 40px;
            color: #1c1c1e;
        }

        .head-steps h2 {
            text-align: center;
            font-size: 40px;
            font-weight: 500;
            margin: 2rem 0rem;
            color: white;
        }

        .steps {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            gap: 20px;
        }

        .step {
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.05);
            padding: 30px 20px;
            width: 285px;
            position: relative;
            font-family: 'Montserrat';
            transition: transform 0.3s, box-shadow 0.3s;
            cursor: pointer;
        }

        .step:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 30px rgba(0,0,0,0.1);
        }

        .step-number {
            width: 65px;
            height: 65px;
            background: #a660ff;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;
            border-radius: 50%;
            font-size: 20px;
            font-weight: bold;
            font-family: 'Montserrat';
            font-size: 30px;
            line-height: 50px;
            margin: 0 auto 15px;
            box-shadow: 0 4px 8px rgba(61, 61, 255, 0.33);
            transition: transform 0.4s ease;
        }

        .step:hover .step-number {
            transform: scale(1.1) rotate(5deg);
        }

        .step h3 {
            font-size: 18px;
            color: #222;
            font-weight: 500;
            margin-bottom: 10px;
        }

        .step p {
            font-size: 14px;
            color: #666;
            line-height: 1.6;
        }

        .step {
            opacity: 0;
            transform: translateY(20px);
            text-align: center;
        }

        .step.visible {
            opacity: 1;
            transform: translateY(0);
            transition: opacity 0.6s ease, transform 0.6s ease;
        }

        .blocks-container {
            display: flex;
            gap: 20px;
        }

        .block-flex {
            display: flex;
            flex-wrap: wrap;
            gap: 20px;
        }

        .block {
            background: grey;
            width: 48%;
            height: auto;
        }

        .blocks .block {
            background: grey;
            width: 100%;
        }

        footer {
            border: 1px solid rgb(231, 231, 231);
            border-radius: 20px;
        }

        .next_screens .container .head-steps h2 {
            color: black;
        }

        .head-steps h2 {
            color:var(--text);
            font-size:clamp(24px,3.2vw,36px);
            line-height:1.2;
            margin-bottom:28px;
            font-weight:500;
            letter-spacing: .2px;
        }

        .why-grid{
            display:grid;
            grid-template-columns: 1.05fr 1fr 1fr;
            grid-auto-rows: 1fr;
            gap: 20px;
        }

        @media (max-width: 980px){
            .why-grid{grid-template-columns:1fr 1fr}
            .why-hero{grid-column:1 / -1; min-height:300px;}
        }
        @media (max-width: 640px){
            .why-grid{grid-template-columns:1fr}
        }

        .why-card{
            position:relative;
            background: radial-gradient(1200px 600px at 20% 0%, rgba(255, 255, 255, 0.06), transparent 60%), linear-gradient(135deg, #1f1f1f 0%, #a660ff 100%);
            border-radius: var(--radius) !important;
            padding: 22px;
            box-shadow: var(--shadow);
            overflow:hidden;
            transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
            border: 1px solid rgba(122,162,255,.08);
        }

        .why-card:hover {
            transform: translateY(-4px);
            box-shadow: 0 14px 40px rgba(0,0,0,.35);
            border-color: rgba(122,162,255,.25);
        }

        .why-card h3 {
            color:var(--text);
            font-size: 20px;
            margin: 10px 0 10px;
            font-weight: 500;
        }

        .why-card p {
            color: #d3d3d3;
            font-size: 15px;
            line-height: 1.55;
            margin: 0;
        }

        .why-icon {
            width:42px;height:42px;border-radius:12px;
            background: rgba(122,162,255,.12);
            display: grid;
            place-items: center;
            border:1px solid rgba(122,162,255,.2);
        }

        .why-icon svg {
            width:22px;
            height:22px;
            fill:var(--accent)
        }

        .why-hero {
            grid-row: span 2;
            padding: 28px;
            display: flex;
            align-items: flex-end;
            min-height: 520px;
            isolation: isolate;
            overflow: hidden;
            border-radius: var(--radius) !important;
        }

        .why-hero-content {
            position: relative; 
            z-index: 2;
            max-width: 520px;
        }
        .why-hero .why-icon {
            background: rgba(255,255,255,.08); 
            border-color: rgba(255,255,255,.18)
        }

        .why-hero h3 {
            font-size: 28px;
            margin-top: 16px;
        }

        .why-hero p {
            font-size: 16px;
            margin-bottom: 15px;
        }

        .why-bullets {
            margin: 10px 0 18px 0;
            padding: 0 0 0 18px;
            color:var(--text)
        }

        .why-bullets li {
            margin: 0;
            color: #d7def1; 
            border: none;
        }

        .why-cta {
            display: inline-block;
            padding: 10px 14px;
            border-radius: 12px;
            background: #ffffff10;
            color: #fff;
            border: 1px solid #ffffff30;
            text-decoration: none;
            font-weight: 500;
            backdrop-filter: blur(6px);
            transition: background .25s ease, transform .2s ease;
        }

        .why-cta:hover {
            background:#ffffff20; 
            transform: translateY(-2px);
        }

        .why-hero-bg {
            position: absolute; 
            inset: -30%;
            background:
            radial-gradient(60% 60% at 20% 30%, rgba(122,162,255,.55), transparent 60%),
            radial-gradient(55% 55% at 80% 20%, rgba(83,220,255,.45), transparent 60%),
            radial-gradient(65% 65% at 60% 80%, rgba(186,127,255,.50), transparent 60%),
            linear-gradient(180deg, #18203a 0%, #0f1426 100%);
            filter: blur(20px) saturate(120%);
            animation: floaty 14s ease-in-out infinite alternate;
            z-index: 0;
            transform: translateZ(0);
        }

        .why-hero-shimmer{
            position: absolute; 
            inset: -10%;
            background: conic-gradient(from 0deg, transparent 0 20%, rgba(255,255,255,.12) 25%, transparent 30% 100%);
            animation: spin 12s linear infinite;
            mix-blend-mode: overlay;
            opacity: .6;
            z-index: 1;
        }

        .why-hero::after {
            content:"";
            position: absolute; 
            inset: 0;
            border-radius: var(--radius);
            box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
            pointer-events: none; 
            z-index: 3;
            background-clip: padding-box;
        }

        @keyframes spin{
            to {
                transform: rotate(360deg)
            }
        }

        @keyframes floaty {
            0%{transform: translate(-2%, -1%) scale(1)}
            100%{transform: translate(2%, 1%) scale(1.05)}
        }

        .why-hero:hover {
            transform: translateY(-4px) perspective(800px) rotateX(.8deg) rotateY(-.8deg);
        }

        .subscribe {
            padding: 20px;
            border: 1px solid rgb(206, 206, 206);
            background: rgb(244 244 244);
            border-radius: 20px;
            text-align: left;
            flex: 1;
            position: relative;
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1), 0 0 20px rgba(67, 87, 255, 0.1);
        }

        .subscribes {
            display: flex;
            gap: 10px;
            justify-content: space-between;
        }

        .subscribe ul {
            padding-left: 0px;
            text-align: left;
            list-style-type: none;
        }

        .price {
            margin: 5px 0px;
        }
        .price {
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .price-count h2 {
            font-size: 30px;
            font-weight: 500;
        }

        .subscribe h3 {
            margin: 0;
        }

        .price-info h5, .price-info p, .price-count h2 {
            margin: 0;
        }

        .op_icon, .op_icon_of {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 8px;
        }

        .op_icon .icon {
            background: #a660ff;
            border-radius: 100px;
            color: white;
            padding: 1px;
        }

        .subscribe ul li {
            font-size: 14px;
            border: none;
            margin: 0px;
            padding: 0px;
        }

        .subscribe p {
            text-align: left;
            font-size: 12px;
            margin-bottom: 0;
            color: #7e7e7e;
        }

        .price-info h5 {
            text-decoration: line-through;
            font-weight: 500;
        }

        .op p {
            font-size: 14px;
            color: black;
            margin: 0;
        }

        .subscribe hr {
            margin: 10px 0px;
            border: 0.1px solid #d8d8d8;
        }

        .op_icon_of .icon {
            background: #c2c2c2;
            border-radius: 100px;
            color: white;
            padding: 1px;
        }

        .icon {
            display: flex;
        }

        .hot {
            position: absolute;
            top: 10px;
            right: 10px;
            background: #ffd943;
            padding: 5px 10px;
            font-weight: 600;
            border-radius: 100px;
            color: rgb(180, 0, 0) !important;
            margin-top: 0px;
            font-size: 10px !important;
        }

        #gradient-box p {
            color: #ffffff;
        }

        #gradient-box hr {
            border: 0.1px solid #ffffff38;
        }

        @keyframes gradientShift {
            0% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
            100% { background-position: 0% 50%; }
        }

        #gradient-box {
            background: linear-gradient(135deg, #7f5af0, #2cb67d, #ff8906);
            background-size: 300% 300%;
            animation: gradientShift 3s ease infinite;
            color: #fff !important;
            box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1), 0 0 20px rgba(127, 90, 240, 0.5);
            border: 1px solid rgba(255, 255, 255, 0.2);
        }

        #gradient-box .price .price-count h2 {
            color: white;
        }

        .reviews-header{margin:0 auto 18px;padding:0 20px}
        .reviews-header h2{color:var(--text);font-size:clamp(22px,3vw,32px);margin:0}

        .reviews-wrap{position:relative;margin:0 auto}
        .reviews-viewport{
            display:flex; gap:var(--gap);
            overflow-x:auto; scroll-snap-type:x mandatory;
            -webkit-overflow-scrolling:touch;
            padding:10px 68px; 
            scrollbar-width:none;
        }
        .reviews-viewport::-webkit-scrollbar{display:none}

        .review-card{
            flex:0 0 clamp(280px, 70%, 360px);
            scroll-snap-align:center;
            background:
            linear-gradient(180deg,var(--card) 0%,var(--card2) 100%) padding-box,
            linear-gradient(120deg, rgba(122,162,255,.35), rgba(186,127,255,.25), rgba(83,220,255,.25)) border-box;
            border:1px solid transparent;
            border-radius:var(--radius);
            color:var(--text);
            padding:18px;
            box-shadow: 0 10px 30px rgba(0,0,0,.25);
            transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
            position:relative;
        }
        .review-card.is-active{
            transform: translateY(-4px);
            box-shadow: 0 16px 44px rgba(0,0,0,.35);
        }

        .review-head{display:flex; align-items:center; gap:12px; margin-bottom:10px}
        /* Было: один и тот же URL на всех аватарках */
        .avatar{
            width:46px;height:46px;border-radius:50%;
            background-color:#e6e6e6;               
            background-position:center;
            background-size:cover;
            background-repeat:no-repeat;
            display:grid;place-items:center;
            position:relative;flex:0 0 46px;
        }

        .review-card[data-initials] .avatar::after{
            content: attr(data-initials);
            color:#0f1220;font-weight:800;letter-spacing:.5px;
        }

        .review-card .avatar::after{ content: none; }
        .meta h4{font-size:16px;margin:0 0 4px}
        .review-card p{color:#d7def1;line-height:1.55;margin:0 0 10px}
        .review-foot{color:var(--muted);font-size:13px}

        .stars{position:relative;width:100px;height:18px}

        .stars::after, .stars::before{
            content:""; position:absolute; inset:0;
            background-repeat:repeat-x; background-size:18px 18px;
            -webkit-mask: url('data:image/svg+xml,%3Csvg viewBox%3D%220 0 24 24%22 xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M12 .9l3.1 6.3 7 .9-5 4.9 1.2 6.9L12 16.9 5.7 20l1.2-6.9-5-4.9 7-.9L12 .9z%22/%3E%3C/svg%3E') 0 0/18px 18px;
                    mask: url('data:image/svg+xml,%3Csvg viewBox%3D%220 0 24 24%22 xmlns%3D%22http://www.w3.org/2000/svg%22%3E%3Cpath d%3D%22M12 .9l3.1 6.3 7 .9-5 4.9 1.2 6.9L12 16.9 5.7 20l1.2-6.9-5-4.9 7-.9L12 .9z%22/%3E%3C/svg%3E') 0 0/18px 18px;
        }
        .stars::before{background-image:linear-gradient(#c7d0df,#c7d0df)}

        .stars::after{
            background-image:linear-gradient(var(--gold),var(--gold));
            width: calc((var(--rating,5) / 5) * 100%);
        }

        .reviews-nav{
            position:absolute; top:50%; transform:translateY(-50%);
            width:44px; height:44px; border-radius:14px;
            display:grid; place-items:center;
            border:1px solid rgba(122,162,255,.25);
            background: rgba(122,162,255,.08);
            color:#cfe0ff; cursor:pointer;
            transition: transform .2s ease, background .2s ease, border-color .2s ease;
            z-index:5;
            backdrop-filter: blur(6px);
        }

        .reviews-nav:hover{transform: translateY(-50%) scale(1.05); background: rgba(122,162,255,.14); border-color: rgba(122,162,255,.45)}
        .reviews-nav svg{width:22px;height:22px}
        .reviews-nav.prev{left:12px}
        .reviews-nav.next{right:12px}

        .reviews-dots{display:flex; gap:10px; justify-content:center; margin:16px 0 0}
        .reviews-dots button{
            width:8px;height:8px;border-radius:999px;border:none;cursor:pointer;
            background:#141826; transition:width .2s ease, background .2s ease;
        }
        .reviews-dots button[aria-selected="true"]{width:26px;background:linear-gradient(90deg,#7aa2ff,#53dcff)}
        .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

        .main_flex_cta {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .main_flex_cta .modern-glow-btn {
            margin: 0;
        }

        .main_flex_cta h2 {
            margin: 0;
        }

        .main_cta-dock{
            position: fixed; left: 0; right: 0; bottom: 0;
            z-index: 1000;
            padding: 12px 12px calc(12px + env(safe-area-inset-bottom));
            pointer-events: none; 
            transform: translateY(calc(100% + 12px));
            transition: transform .45s cubic-bezier(.2,.8,.2,1), opacity .2s ease;
            opacity: .98;
        }
        .main_cta-dock.is-visible{ transform: translateY(0); background: none; pointer-events: auto; }

        .main_cta-inner{
            position: relative;
            display: flex; align-items: center; justify-content: space-between; gap: 16px;
            padding: 14px 16px;
            border-radius: 16px;
            background: linear-gradient(180deg, rgba(20, 24, 38, .78), rgb(26 32 50)) padding-box, linear-gradient(120deg, rgba(122, 162, 255, .35), rgba(186, 127, 255, .25), rgba(83, 220, 255, .25)) border-box;
            border: 1px solid transparent;
            color: var(--text);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            box-shadow: 0 -10px 30px rgba(0,0,0,.30);
            overflow: clip;
        }

        .main_cta-inner::before{
            content:"";
            position:absolute; inset:0;
            border-radius: inherit;
            padding: 1px;
            background: conic-gradient(from var(--angle,0deg), #7aa2ff, #53dcff, #ba7fff, #7aa2ff);
            -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
            -webkit-mask-composite: xor; mask-composite: exclude;
            opacity:.35; pointer-events:none;
            animation: ctaSpin 10s linear infinite;
        }
        @keyframes ctaSpin{ to{ --angle:360deg; } }

        .cta-left{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; }
        .cta-left h2{ font-size: clamp(16px, 2.2vw, 22px); margin: 0; font-weight: 500; color: #fff; }
        .cta-sub{ margin:0; color: var(--muted); font-size: 13px; }

        .cta-kicker{
            display:inline-flex; align-items:center; gap:6px;
            padding: 6px 10px; border-radius: 999px;
            background: rgba(122,162,255,.15); color:#d8e4ff;
            font-size: 12px; font-weight: 600; letter-spacing:.2px;
        }

        .cta-actions{ display:flex; gap:10px; align-items:center; }
        .cta-actions .modern-glow-btn {
            margin: 0;
        }
        .cta-secondary{
            display:inline-block; padding:10px 14px; border-radius:12px; text-decoration:none;
            color:#e6edff; border:1px solid rgba(230,237,255,.28);
            background:#ffffff10; transition: transform .2s ease, background .2s ease;
        }
        .cta-secondary:hover{ background:#ffffff1f; transform: translateY(-1px); }

        /* кнопка закрытия */
        .cta-close{
            position:absolute; right:10px; top:10px;
            width:28px; height:28px; border-radius:10px;
            background: rgba(255,255,255,.08); color:#e6edff;
            border:1px solid rgba(255,255,255,.2); cursor:pointer;
            display:grid; place-items:center;
        }
        .cta-close:hover{ background: rgba(255,255,255,.14); }

        
        .faq { padding: 70px 0; }
        .faq-head h2{ color: black; font-size: clamp(24px,3.2vw,36px); margin: 10px 0 18px; font-weight: 500; }
        .header_p{ display:inline-block; background:#a660ff; color:#fff; padding:5px 12px; border-radius:8px; margin:0; }

        .faq-actions{ display:flex; gap:10px; margin-bottom: 14px; }
        .faq-all{
            padding: 8px 12px;
            border-radius: 12px;
            cursor: pointer;
            border: 1px solid #0e1320;
            background: #ffffff10;
            color: #0e1320;
            font-family: 'Montserrat';
            font-weight: 500;
            transition: background .2s ease, transform .2s ease;
        }
        .faq-all:hover{ background:#ffffff1a; transform: translateY(-1px); }

        .faq-list{ display:grid; grid-template-columns:1fr; gap:12px; }
        @media (min-width: 880px){ .faq-list{ grid-template-columns: 1fr 1fr; } }

        .faq-item{
            border-radius: var(--radius, 18px);
            background:
                linear-gradient(180deg, var(--card, #141826) 0%, var(--card2, #1a2032) 100%) padding-box,
                linear-gradient(120deg, rgba(122,162,255,.35), rgba(186,127,255,.25), rgba(83,220,255,.25)) border-box;
            border:1px solid transparent;
            box-shadow: var(--shadow, 0 10px 30px rgba(0,0,0,.25));
            overflow: clip;
            transition: box-shadow var(--faq-dur) var(--faq-ease), border-color var(--faq-dur) var(--faq-ease);
            height: fit-content;
        }
        .faq-item[open]{ box-shadow: 0 16px 44px rgba(0,0,0,.35); }

        .faq-q{
            list-style: none; display:flex; align-items:center; justify-content: space-between; gap:14px;
            padding: 16px 18px; cursor: pointer; user-select:none; color: var(--text, #e8ecf3);
            font-weight: 600; font-size: 16px; outline: none;
        }
        .faq-q::-webkit-details-marker{ display:none; }

        .faq-a-inner p strong {
            color: #ffffff;
        }

        .faq-q span {
            font-weight: 600;
        }

        .faq-ico{
            width:22px; height:22px; flex:0 0 22px;
            transition: transform var(--faq-dur) var(--faq-ease);
            stroke: currentColor; fill: none; will-change: transform;
        }
        .faq-item[open] .faq-ico{ transform: rotate(180deg); }

        .faq-a{
            display:grid; grid-template-rows: 0fr;
            transition: grid-template-rows var(--faq-dur) var(--faq-ease), padding var(--faq-dur) var(--faq-ease);
            padding: 0 18px;
        }
        .faq-item[open] .faq-a{ grid-template-rows: 1fr; padding: 0 18px 12px; }

        .faq-a-inner{
            overflow: hidden;
            opacity: 0; transform: translateY(-4px);
            transition: opacity var(--faq-dur) var(--faq-ease), transform var(--faq-dur) var(--faq-ease);
        }
        .faq-item[open] .faq-a-inner{ opacity: 1; transform: translateY(0); }

        .faq-a-inner > p{ color:#d7def1; margin: 12px 0 6px; line-height: 1.55; }

        .faq-q:focus-visible{ box-shadow: 0 0 0 3px rgba(122,162,255,.35) inset; border-radius: 12px; }

        @media (prefers-reduced-motion: reduce){
            :root{ --faq-dur: 1ms; }
        }

        .faq { padding: 70px 0; }
        .faq-head h2{ color: black; font-size: clamp(24px,3.2vw,36px); margin: 10px 0 18px; font-weight: 500; }
        .header_p{ display:inline-block; background:#a660ff; color:#fff; padding:5px 12px; border-radius:8px; margin:0; }

        .faq-actions{ display:flex; gap:10px; margin-bottom: 14px; }
        .faq-all{
            padding: 8px 12px;
            border-radius: 12px;
            cursor: pointer;
            border: 1px solid #0e1320;
            background: #ffffff10;
            color: #0e1320;
            font-family: 'Montserrat';
            font-weight: 500;
            transition: background .2s ease, transform .2s ease;
        }
        .faq-all:hover{ background:#ffffff1a; transform: translateY(-1px); }

        .faq-list{ display:grid; grid-template-columns:1fr; gap:12px; }
        @media (min-width: 880px){ .faq-list{ grid-template-columns: 1fr 1fr; } }

        .faq-item{
            border-radius: var(--radius, 18px);
            background:
                linear-gradient(180deg, var(--card, #141826) 0%, var(--card2, #1a2032) 100%) padding-box,
                linear-gradient(120deg, rgba(122,162,255,.35), rgba(186,127,255,.25), rgba(83,220,255,.25)) border-box;
            border:1px solid transparent;
            box-shadow: var(--shadow, 0 10px 30px rgba(0,0,0,.25));
            overflow: clip;
            transition: box-shadow var(--faq-dur) var(--faq-ease), border-color var(--faq-dur) var(--faq-ease);
            height: fit-content;
        }
        .faq-item[open]{ box-shadow: 0 16px 44px rgba(0,0,0,.35); }

        .faq-q{
            list-style: none; display:flex; align-items:center; justify-content: space-between; gap:14px;
            padding: 16px 18px; cursor: pointer; user-select:none; color: var(--text, #e8ecf3);
            font-weight: 600; font-size: 16px; outline: none;
        }
        .faq-q::-webkit-details-marker{ display:none; }

        .faq-a-inner p strong {
            color: #ffffff;
        }

        .faq-q span {
            font-weight: 600;
        }

        .faq-ico{
            width:22px; height:22px; flex:0 0 22px;
            transition: transform var(--faq-dur) var(--faq-ease);
            stroke: currentColor; fill: none; will-change: transform;
        }
        .faq-item[open] .faq-ico{ transform: rotate(180deg); }

        .faq-a{
            display:grid; grid-template-rows: 0fr;
            transition: grid-template-rows var(--faq-dur) var(--faq-ease), padding var(--faq-dur) var(--faq-ease);
            padding: 0 18px;
        }
        .faq-item[open] .faq-a{ grid-template-rows: 1fr; padding: 0 18px 12px; }

        .faq-a-inner{
            overflow: hidden;
            opacity: 0; transform: translateY(-4px);
            transition: opacity var(--faq-dur) var(--faq-ease), transform var(--faq-dur) var(--faq-ease);
        }
        .faq-item[open] .faq-a-inner{ opacity: 1; transform: translateY(0); }

        .faq-a-inner > p{ color:#d7def1; margin: 12px 0 6px; line-height: 1.55; }

        .faq-q:focus-visible{ box-shadow: 0 0 0 3px rgba(122,162,255,.35) inset; border-radius: 12px; }

        @media (prefers-reduced-motion: reduce){
            :root{ --faq-dur: 1ms; }
        }

        .final-cta{ padding: 90px 0; }
        .final-cta-wrap{
            position: relative;
            border-radius: var(--radius,18px);
            overflow: clip;
            border:1px solid rgba(122,162,255,.14);
            background:
                radial-gradient(1200px 600px at 20% 0%, rgba(255,255,255,0.06), transparent 60%),
                linear-gradient(135deg, #0e1320 0%, #a660ff 100%);
            box-shadow: 0 14px 40px rgba(0,0,0,.30);
            isolation: isolate;
        }
        .final-cta-bg{
            position:absolute; inset:-20%;
            background:
                radial-gradient(30% 30% at var(--mx,60%) var(--my,40%), rgba(122,162,255,.28), transparent 60%),
                radial-gradient(24% 24% at 20% 20%, rgba(83,220,255,.20), transparent 65%),
                radial-gradient(28% 28% at 78% 70%, rgba(186,127,255,.22), transparent 60%);
            filter: blur(30px) saturate(120%);
            z-index:0;
            pointer-events: none;
            transition: background-position .1s linear;
        }
        .final-cta-content{
            position: relative; z-index:1;
            display: grid; gap: 28px;
            align-items: center;
            grid-template-columns: 1.1fr 0.9fr;
            padding: clamp(18px,3vw,28px);
        }
        @media (max-width: 900px){
            .final-cta-content{ grid-template-columns: 1fr; }
        }

        .final-cta-kicker{
            display:inline-flex; align-items:center; gap:6px;
            padding:6px 10px; border-radius:999px; font-size:12px; font-weight:700;
            background: rgba(255,255,255,.12); color:#fff; border:1px solid rgba(255,255,255,.22);
        }
        .final-cta-left h2{
            color:#fff; margin:12px 0 8px; font-size: clamp(24px,3.2vw,36px); font-weight: 600;
        }
        .final-cta-lead{ color:#dbe6ff; margin:0 0 10px; line-height:1.55 }
        .final-cta-benefits{
            display:grid; gap:8px; padding:0; margin:16px 0 18px; list-style:none; color:#e9eeff;
        }
        .final-cta-benefits li{
            position:relative; padding-left:26px;
        }
        .final-cta-benefits li::before{
            content:""; position:absolute; left:0; top:12px; width:16px; height:16px; border-radius:50%;
            background: radial-gradient(circle at 30% 30%, #7aa2ff, #53dcff);
            mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path fill="white" d="M6.173 12.727L1.6 8.155l1.885-1.885 2.688 2.688 6.343-6.343 1.885 1.885z"/></svg>') center/14px 14px no-repeat;
        }
        .final-cta-actions{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; }
        .final-cta-actions .modern-glow-btn{ margin:0; }
        .cta-secondary{
            display:inline-block; padding:10px 14px; border-radius:12px; text-decoration:none;
            color:#e6edff; border:1px solid rgba(230,237,255,.28);
            background:#ffffff10; transition: transform .2s ease, background .2s ease;
        }
        .cta-secondary:hover{ background:#ffffff1f; transform: translateY(-1px); }

        .final-cta-note{ color:#cfe0ff; opacity:.9; font-size:13px; margin:10px 0 0; }
        .final-cta-trust{ display:flex; gap:10px; flex-wrap:wrap; color:#d1dcff; opacity:.85; font-size:12px; margin-top:10px; }

        .signup-card{
            border-radius:16px;
            background:
                linear-gradient(180deg, rgba(20,24,38,.86), rgba(26,32,50, .96)) padding-box,
                linear-gradient(120deg, rgba(122,162,255,.35), rgba(186,127,255,.25), rgba(83,220,255,.25)) border-box;
            border:1px solid transparent;
            color:#e8ecf3;
            padding:18px;
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
            box-shadow: 0 10px 30px rgba(0,0,0,.28);
        }
        .signup-meter{
            height:6px; border-radius:999px; background:#1a2237; margin:2px 0 12px; overflow:hidden; position:relative;
        }
        .signup-meter span{
            display:block; height:100%; border-radius:inherit;
            background: linear-gradient(90deg, #7aa2ff, #53dcff, #ba7fff);
            box-shadow: 0 0 12px rgba(122,162,255,.45) inset;
        }
        .signup-card h3{ margin:8px 0 10px; font-weight:600; }
        .signup-steps{ margin:0 0 16px 18px; padding:0; }
        .signup-steps li{ margin:6px 0; color:#d7def1; }
        .btn-full{ display:block; width:100%; text-align:center; }
        .signup-small{ color:#cfe0ff; opacity:.85; font-size:12px; margin:8px 0 0; text-align:center; }

        .final-cta-benefits li {
            border: none;
        }

        .signup-steps li {
            border: none;
        }

        .signup-card .btn-full {
            margin: 0;
        }

        @media (prefers-reduced-motion: reduce){
        .final-cta-bg{ transition:none }
        }

        @media (max-width: 640px){
        .main_cta-inner{ flex-direction: column; align-items: stretch; gap:10px; padding: 12px; }
        .cta-left{ flex-direction: column; align-items: flex-start; gap:6px; }
        .cta-sub{ display:none; }
        .cta-actions{ width:100%; }
        .cta-actions .modern-glow-btn, .cta-actions .cta-secondary{ flex:1; text-align:center; }
        .cta-close{ top:8px; right:8px; }
        }

        @media (max-width: 768px){
            #crm-carousel .container{ 
                padding: 0 4vw; 
            }

            .carousel-track { 
                gap: 20px; 
            }

        }

        /* Мобильные устройства (портрет, до 576px) */
        @media (max-width: 575.98px) {
            body {
                zoom: 90%;
            }

            .container {
                padding: 0px 15px;
            }

            .menu_main {
                display: none;
            }

            .utp h1 {
                font-size: 30px;
            }

            .utp p {
                width: auto;
            }

            .final-cta-actions .modern-glow-btn {
                width: 100%;
                text-align: center;
            }

            .final-cta-actions .cta-secondary {
                width: 100%;
                text-align: center;
            }

            .cta-actions .modern-glow-btn, .cta-secondary {
                font-size: 12px;
            }

            .flex-cont {
                display: block;
            }

            .sp-container img {
                width: 100%;
                height: auto;
                object-fit: cover;
                display: block;
                margin-top: 20px;
            }
            
            .subscribes {
                display: block;
            }

            .footer-titles {
                display: flex;
                flex-wrap: wrap;
                gap: 20px;
            }

            .footer-roots {
                display: block;
            }

            footer {
                padding: 0px 15px;
            }

            .subscribe {
                margin-bottom: 15px;
            }

            .next_screens {
                padding: 50px 0px;
            }

            .fp-container h2 {
                font-size: 25px;
            }

            #crm-carousel .head {
                padding: 24px 24px 24px;
            }

            #crm-carousel .container {
                justify-content: center;
            }

            .carousel-track {
                display: block;
            }

            .carousel {
                margin-bottom: 15px;
            }

            #crm-carousel .pin {
                height: auto;
            }

            #crm-carousel .head h1 {
                font-size: 25px;
            }
        }

        /* Мобильные устройства (ландшафт, от 576px до 767.98px) */
        @media (min-width: 576px) and (max-width: 767.98px) {
            body {
                zoom: 90%;
            }

            .container {
                padding: 0px 15px;
            }

            .menu_main {
                display: none;
            }

            .utp h1 {
                font-size: 30px;
            }

            .utp p {
                width: auto;
            }

            .cta-actions .modern-glow-btn, .cta-secondary {
                font-size: 12px;
            }

            .flex-cont {
                display: block;
            }

            .sp-container img {
                width: 100%;
                height: auto;
                object-fit: cover;
                display: block;
                margin-top: 20px;
            }

            .subscribes {
                display: block;
            }

            .footer-titles {
                display: flex;
                flex-wrap: wrap;
                gap: 20px;
            }

            .footer-roots {
                display: block;
            }

            footer {
                padding: 0px 15px;
            }

            .subscribe {
                margin-bottom: 15px;
            }

            .next_screens {
                padding: 50px 0px;
            }

            .fp-container h2 {
                font-size: 25px;
            }

            #crm-carousel .head {
                padding: 24px 24px 24px;
            }

            #crm-carousel .container {
                justify-content: center;
            }

            .carousel {
                margin-bottom: 15px;
                width: auto;
            }

            #crm-carousel .pin {
                height: auto;
            }

            #crm-carousel .head h1 {
                font-size: 25px;
            }

        }

        /* Планшеты (портрет, от 768px до 991.98px) */
        @media (min-width: 768px) and (max-width: 991.98px) {
            .container {
                padding: 0px 20px;
            }

            .lg-btn .crm-primary {
                font-size: 14px;
            }

            .review-card{
                flex-basis: 340px;
            }

            .review-card{
                flex-basis: 340px;
            }

            .menu_main {
                display: none;
            }

            .footer-titles {
                display: block;
            }

            .crm-primary {
                font-size: 14px;
            }

            #crm-carousel .pin {
                position: relative;
                height: auto;
            }

            #crm-carousel .head {
                padding: 24px 24px 24px;
            }

            #crm-carousel .container {
                justify-content: center;
            }

            .carousel-track {
                display: block;
            }

            .carousel {
                margin-bottom: 15px;
            }

            #crm-carousel .pin {
                height: auto;
            }

            #crm-carousel .head h1 {
                font-size: 25px;
            }

            .carousel_screen {
                height: auto !important;
            }

            .flex-cont {
                display: block;
            }

            .sp-container img {
                height: auto;
                width: 100%;
                margin-top: 50px;
                object-fit: cover;
            }

            .footer-titles {
                display: flex;
                flex-wrap: wrap;
            }

            .subscribe {
                flex: auto;
            }

            .subscribes {
                flex-wrap: wrap;
            }
        }

        /* Малые ноутбуки и планшеты в альбомной ориентации (от 992px до 1199.98px) */
        @media (min-width: 992px) and (max-width: 1199.98px) {
            .container {
                padding: 0px 20px;
            }

            .lg-btn .crm-primary {
                font-size: 14px;
            }

            .property_card {
                flex: 1 1 calc(27% - 20px);
                max-width: calc(50.333% - 7px);
            }

            .menu_main {
                display: none;
            }

            .find-inputs input, .find-inputs select {
                backgrund: white;
                color: black;
            }

            .sp-container img {
                height: 385px;
            }

            .find-inputs-btn button {
                height: 58.5px;
                width: 58.5px;
                border-radius: 100px !important;
            }

            .crm-primary {
                font-size: 14px;
            }
        }

        /* Обычные десктопы (от 1200px до 1399.98px) */
        @media (min-width: 1200px) and (max-width: 1399.98px) {
        /* Стили для стандартных мониторов */
        }

        /* Крупные экраны и 4K дисплеи (от 1400px и выше) */
        @media (min-width: 1400px) {
        /* Стили для больших экранов */
        }