:root{
    --bg:#fff8fc;
    --bg-2:#fff1f8;
    --bg-3:#fcf4ff;

    --surface:rgba(255,255,255,0.80);
    --surface-strong:rgba(255,255,255,0.94);
    --surface-soft:rgba(255,255,255,0.68);

    --color-primary:#7b2cff;
    --color-primary-2:#c23dff;
    --color-primary-3:#ff5f8f;
    --color-accent:#ff7a59;
    --color-accent-2:#ffb36b;

    --color-text:#261a34;
    --color-text-light:#6f5d80;
    --color-muted:#9b8aa9;

    --color-border:rgba(123,44,255,0.10);
    --color-border-strong:rgba(255,95,143,0.18);
    --color-shadow:rgba(113, 39, 122, 0.10);

    --gradient-main:linear-gradient(135deg, #ff7a59 0%, #ff5f8f 28%, #c23dff 64%, #7b2cff 100%);
    --gradient-main-2:linear-gradient(135deg, #7b2cff 0%, #b13eff 46%, #ff5f8f 100%);
    --gradient-soft:linear-gradient(135deg, rgba(255,122,89,0.12), rgba(255,95,143,0.10) 34%, rgba(194,61,255,0.10) 68%, rgba(123,44,255,0.08));
    --gradient-card:linear-gradient(180deg, rgba(255,255,255,0.95), rgba(255,244,250,0.88));
    --gradient-border:linear-gradient(135deg, rgba(255,122,89,0.36), rgba(255,95,143,0.30), rgba(194,61,255,0.24), rgba(255,255,255,0.82));

    --radius-xl:30px;
    --radius-lg:24px;
    --radius-md:18px;
    --radius-sm:14px;

    --container:1280px;
    --header-h:84px;
    --font-main:'Inter',sans-serif;
}

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

html{
    scroll-behavior:smooth;
}

body{
    margin:0;
    font-family:var(--font-main);
    color:var(--color-text);
    background:
        radial-gradient(circle at 0% 15%, rgba(255,95,143,0.16), transparent 28%),
        radial-gradient(circle at 100% 0%, rgba(123,44,255,0.13), transparent 30%),
        radial-gradient(circle at 84% 72%, rgba(255,122,89,0.12), transparent 24%),
        linear-gradient(180deg, #fffafe 0%, #fff3f9 38%, #fcf5ff 100%);
    min-height:100vh;
    overflow-x:hidden;
    line-height:1.55;
}

body::before,
body::after{
    content:"";
    position:fixed;
    pointer-events:none;
    z-index:0;
    filter:blur(65px);
    opacity:.78;
}

body::before{
    width:380px;
    height:380px;
    left:-120px;
    top:60px;
    background:radial-gradient(circle, rgba(255,95,143,.22), transparent 68%);
}

body::after{
    width:400px;
    height:400px;
    right:-100px;
    top:180px;
    background:radial-gradient(circle, rgba(123,44,255,.18), transparent 68%);
}

img{
    max-width:100%;
    display:block;
}

a{
    color:inherit;
    text-decoration:none;
}

main,
header,
footer{
    position:relative;
    z-index:1;
}

h1,h2,h3,h4{
    margin:0 0 16px;
    line-height:1.08;
    letter-spacing:-0.03em;
}

p{
    margin:0 0 16px;
}

.main-header{
    position:-webkit-sticky;
    position:sticky;
    top:0;
    z-index:1000;
    background:rgba(255,255,255,0.76);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(255,255,255,0.75);
    box-shadow:0 8px 30px rgba(123,44,255,0.05);
}

.header-content{
    max-width:var(--container);
    margin:0 auto;
    min-height:var(--header-h);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    padding:0 20px;
}

.logo{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:29px;
    font-weight:900;
    color:var(--color-text);
    letter-spacing:-0.05em;
}

.logo i{
    width:42px;
    height:42px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    background:var(--gradient-main);
    box-shadow:0 14px 34px rgba(194,61,255,0.24);
}

.logo span{
    background:var(--gradient-main);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.main-nav ul{
    display:flex;
    align-items:center;
    gap:10px;
    margin:0;
    padding:0;
    list-style:none;
}

.main-nav li{
    position:relative;
}

.lang-btn{gap:6px;}

.main-nav a,
.lang-btn{
    height:44px;
    padding:0 16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    color:var(--color-text-light);
    font-size:14px;
    font-weight:700;
    transition:.22s ease;
    border:1px solid transparent;
    background:transparent;
    cursor:pointer;
}

.main-nav a:hover,
.lang-btn:hover{
    color:var(--color-text);
    background:rgba(255,255,255,0.78);
    border-color:rgba(123,44,255,0.08);
    box-shadow:0 10px 24px rgba(123,44,255,0.07);
}

.main-nav .nav-cta{
    color:#fff;
    background:var(--gradient-main);
    box-shadow:0 14px 34px rgba(194,61,255,0.22);
}

.main-nav .nav-cta:hover{
    transform:translateY(-1px);
    color:#fff;
    border-color:transparent;
    box-shadow:0 18px 38px rgba(194,61,255,0.28);
}

.lang-switcher{
    position:relative;
}

.lang-dropdown{
    position:absolute;
    top:calc(100% + 10px);
    right:0;
    min-width:110px;
    padding:8px;
    border-radius:18px;
    background:rgba(255,255,255,0.96);
    border:1px solid rgba(123,44,255,0.08);
    box-shadow:0 18px 42px rgba(96,42,110,0.12);
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
    display:none;
}

.lang-switcher.active .lang-dropdown{
    display:block;
}

.lang-dropdown a{
    width:100%;
    justify-content:flex-start;
    border-radius:12px;
}

.menu-toggle{
    display:none;
    width:48px;
    height:48px;
    border-radius:16px;
    align-items:center;
    justify-content:center;
    cursor:pointer;
    background:rgba(255,255,255,0.72);
    border:1px solid rgba(123,44,255,0.08);
    color:var(--color-text);
    box-shadow:0 10px 24px rgba(123,44,255,0.06);
}

.hero-section{
    max-width:var(--container);
    margin:0 auto;
    padding:88px 20px 50px;
}

.hero-content{
    position:relative;
    overflow:hidden;
    padding:82px clamp(24px, 5vw, 62px);
    border-radius:38px;
    background:
        radial-gradient(circle at 84% 18%, rgba(123,44,255,0.12), transparent 20%),
        radial-gradient(circle at 16% 10%, rgba(255,95,143,0.13), transparent 26%),
        linear-gradient(180deg, rgba(255,255,255,0.94), rgba(255,245,250,0.86));
    border:1px solid rgba(255,255,255,0.9);
    box-shadow:
        0 30px 100px rgba(194,61,255,0.10),
        0 10px 28px rgba(255,95,143,0.08),
        inset 0 1px 0 rgba(255,255,255,0.95);
    -webkit-backdrop-filter:blur(16px);
    backdrop-filter:blur(16px);
}

.hero-content::before{
    content:"";
    position:absolute;
    inset:-1px;
    border-radius:inherit;
    padding:1px;
    background:var(--gradient-border);
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0);
    -webkit-mask-composite:xor;
    mask-composite:exclude;
    pointer-events:none;
}

.hero-content::after{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    right:-150px;
    top:-160px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255,95,143,.17), transparent 65%);
    pointer-events:none;
}

.hero-section h1{
    font-size:clamp(42px, 6vw, 78px);
    font-weight:900;
    margin-bottom:22px;
    /*text-wrap:balance;*/
    color:var(--color-text);
}

.hero-section h1 i{
    margin-right:10px;
    color:#ff6d74;
}

.hero-section p{
    max-width:860px;
    font-size:clamp(18px, 2vw, 21px);
    color:var(--color-text-light);
    line-height:1.72;
    margin-bottom:34px;
}

.robot-highlight,
.robot-highlight-heavy{
    background:var(--gradient-main);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
    font-weight:900;
}

.hero-cta-group{
    display:flex;
    flex-wrap:wrap;
    gap:16px;
    margin-bottom:30px;
}

.cta-button{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:58px;
    padding:0 24px;
    border:none;
    border-radius:18px;
    background:var(--gradient-main);
    color:#fff;
    font-size:16px;
    font-weight:800;
    letter-spacing:-0.02em;
    box-shadow:0 18px 42px rgba(194,61,255,0.20);
    transition:transform .24s ease, box-shadow .24s ease, filter .24s ease;
}

.cta-button:hover{
    transform:translateY(-3px);
    filter:saturate(1.05);
    box-shadow:0 24px 50px rgba(194,61,255,0.28);
}

.cta-button-secondary{
    background:rgba(255,255,255,0.84);
    color:var(--color-text);
    border:1px solid rgba(123,44,255,0.10);
    box-shadow:0 12px 28px rgba(123,44,255,0.08);
}

.cta-button-secondary:hover{
    color:var(--color-text);
    background:#fff;
}

.trust-badges{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
}

.trust-badge{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:46px;
    padding:0 16px;
    border-radius:999px;
    background:rgba(255,255,255,0.78);
    border:1px solid rgba(123,44,255,0.08);
    color:var(--color-text-light);
    font-size:14px;
    font-weight:700;
    box-shadow:0 10px 22px rgba(123,44,255,0.05);
}

.trust-badge i{
    color:#ff5f8f;
}

.stats-bar{
    max-width:var(--container);
    margin:0 auto;
    padding:6px 20px 0;
}

.stats-container{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px;
}

.stat-item{
    position:relative;
    overflow:hidden;
    padding:28px 22px;
    border-radius:24px;
    background:rgba(255,255,255,0.80);
    border:1px solid rgba(123,44,255,0.08);
    box-shadow:0 18px 38px rgba(113,39,122,0.08);
    -webkit-backdrop-filter:blur(14px);
    backdrop-filter:blur(14px);
    opacity:0;
    transform:translateY(22px);
    transition:.6s ease;
}

.stat-item.visible{
    opacity:1;
    transform:none;
}

.stat-item::before{
    content:"";
    position:absolute;
    width:140px;
    height:140px;
    right:-40px;
    bottom:-50px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(255,95,143,0.10), transparent 66%);
}

.stat-number{
    display:block;
    margin-bottom:10px;
    font-size:clamp(28px, 4vw, 40px);
    font-weight:900;
    letter-spacing:-0.04em;
    background:var(--gradient-main);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.stat-label{
    color:var(--color-text-light);
    font-size:14px;
    font-weight:700;
}

.advantages-section,
.demo-chat-preview,
.why-us-block,
.faq-section{
    max-width:var(--container);
    margin:96px auto 0;
    padding:0 20px;
}

.advantages-section h2,
.examples-section h2,
.pricing-header h2,
.faq-section h2,
.demo-chat-preview h2,
.why-us-block h2{
    font-size:clamp(32px, 5vw, 52px);
    margin-bottom:18px;
    text-align:center;
    color:var(--color-text);
}

.advantages-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:24px;
    margin-top:34px;
}

.advantage-card{
    position:relative;
    overflow:hidden;
    padding:30px 26px 26px;
    border-radius:26px;
    background:var(--gradient-card);
    border:1px solid rgba(123,44,255,0.08);
    box-shadow:0 18px 44px rgba(113,39,122,0.08);
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
    transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease;
    opacity:0;
    transform:translateY(24px);
}

.advantage-card.visible{
    opacity:1;
    transform:none;
}

.advantage-card:hover{
    transform:translateY(-8px);
    border-color:rgba(255,95,143,0.18);
    box-shadow:0 26px 58px rgba(194,61,255,0.12);
}

.advantage-card::before{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    right:-60px;
    top:-60px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(123,44,255,0.08), transparent 65%);
}

.advantage-card h3{
    font-size:23px;
    margin-bottom:14px;
    color:var(--color-text);
}

.advantage-card h3 i{
    margin-right:8px;
    color:#ff5f8f;
}

.advantage-card p{
    color:var(--color-text-light);
    font-size:15px;
    line-height:1.75;
    margin:0;
}

.demo-chat-preview > h2{
    margin-bottom:34px !important;
}

.chat-message{
    display:flex;
    align-items:flex-end;
    gap:14px;
    margin:0 auto 18px;
    max-width:920px;
}

.chat-message.user{
    flex-direction:row-reverse;
}

.chat-avatar{
    width:56px;
    height:56px;
    border-radius:18px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:800;
    flex-shrink:0;
    box-shadow:0 12px 28px rgba(113,39,122,0.10);
}

.chat-message.robot .chat-avatar{
    background:var(--gradient-main);
    color:#fff;
}

.chat-message.user .chat-avatar{
    background:rgba(255,255,255,0.9);
    color:var(--color-text);
    border:1px solid rgba(123,44,255,0.08);
}

.chat-bubble{
    max-width:700px;
    padding:18px 20px;
    border-radius:22px;
    font-size:16px;
    line-height:1.65;
    border:1px solid rgba(123,44,255,0.08);
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
    box-shadow:0 12px 28px rgba(113,39,122,0.06);
}

.chat-message.robot .chat-bubble{
    background:linear-gradient(180deg, rgba(255,255,255,0.94), rgba(255,241,248,0.89));
    color:var(--color-text);
}

.chat-message.user .chat-bubble{
    background:rgba(255,255,255,0.84);
    color:var(--color-text-light);
}

.examples-section{
    max-width:1280px;
    margin:110px auto 0;
    padding:0 20px;
    text-align:center;
}

.examples-section h2{
    color:var(--color-text) !important;
}

.examples-subtitle{
    color:var(--color-text-light) !important;
    font-size:17px;
    max-width:760px !important;
}

.examples-grid{
    gap:24px !important;
}

.example-card{
    background:var(--gradient-card) !important;
    border:1px solid rgba(123,44,255,0.08) !important;
    box-shadow:0 18px 44px rgba(113,39,122,0.08) !important;
    border-radius:24px !important;
    overflow:hidden;
}

.example-card:hover{
    transform:translateY(-10px) scale(1.01) !important;
    border-color:rgba(255,95,143,0.16) !important;
    box-shadow:0 28px 60px rgba(194,61,255,0.12) !important;
}

.example-preview{
    height:360px !important;
    background:#f9edf9;
}

.example-preview img{
    transition:transform .5s ease;
}

.example-card:hover .example-preview img{
    transform:scale(1.05);
}

.example-preview::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg, transparent 35%, rgba(86, 30, 81, 0.12) 100%);
    z-index:2;
    pointer-events:none;
}

.example-zoom-overlay{
    background:rgba(255,255,255,0.38) !important;
    -webkit-backdrop-filter:blur(8px);
    backdrop-filter:blur(8px);
    color:#fff !important;
}

.example-info{
    padding:20px 20px 22px !important;
}

.example-tag{
    color:#b52cff !important;
    font-size:12px !important;
    text-transform:uppercase;
    letter-spacing:.08em;
}

.example-info p{
    color:var(--color-text-light) !important;
    font-size:14px !important;
}

.example-btn{
    color:var(--color-text) !important;
    border:1px solid rgba(123,44,255,0.10) !important;
    background:rgba(255,255,255,0.76);
    padding:10px 16px !important;
    font-size:13px !important;
    font-weight:800 !important;
    box-shadow:0 10px 22px rgba(123,44,255,0.06);
}

.example-btn:hover{
    background:var(--gradient-main) !important;
    color:#fff !important;
    border-color:transparent !important;
}

.ex-lightbox-bg{
    background:rgba(118, 54, 118, 0.22) !important;
    -webkit-backdrop-filter:blur(10px) !important;
    backdrop-filter:blur(10px) !important;
}

.ex-lightbox-box{
    border:1px solid rgba(255,255,255,0.9);
    background:#fff;
    box-shadow:0 30px 80px rgba(113,39,122,0.18) !important;
}

.why-us-block{
    overflow:hidden;
    padding:54px 34px;
    text-align:center;
    border-radius:34px;
    background:
        radial-gradient(circle at 15% 14%, rgba(255,95,143,0.10), transparent 22%),
        radial-gradient(circle at 88% 84%, rgba(123,44,255,0.10), transparent 22%),
        linear-gradient(180deg, rgba(255,255,255,0.94), rgba(255,244,250,0.88));
    border:1px solid rgba(255,255,255,0.9);
    box-shadow:0 24px 64px rgba(194,61,255,0.09);
}

.why-us-block p{
    max-width:930px;
    margin:0 auto 28px;
    color:var(--color-text-light);
    font-size:18px;
    line-height:1.75;
}

.pricing-section{
    max-width:1240px !important;
    margin:110px auto 0 !important;
    padding:0 20px !important;
}

.pricing-header p{
    font-size:17px;
    color:var(--color-text-light) !important;
}

.pricing-grid{
    gap:24px !important;
}

.pricing-card{
    background:var(--gradient-card) !important;
    border:1px solid rgba(123,44,255,0.08) !important;
    box-shadow:0 18px 44px rgba(113,39,122,0.08) !important;
    border-radius:28px !important;
    position:relative;
    overflow:hidden;
}

.pricing-card::before{
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:5px;
    background:var(--gradient-main);
    opacity:.96;
}

.pricing-card:hover{
    transform:translateY(-10px) !important;
    box-shadow:0 28px 60px rgba(194,61,255,0.12) !important;
    border-color:rgba(255,95,143,0.16) !important;
}

.pricing-card.featured{
    background:
        radial-gradient(circle at 50% 0%, rgba(255,95,143,0.10), transparent 26%),
        linear-gradient(180deg, rgba(255,255,255,0.96), rgba(255,240,248,0.92)) !important;
    border:1px solid rgba(255,95,143,0.16) !important;
    box-shadow:0 28px 60px rgba(255,95,143,0.11) !important;
}

.badge-popular{
    background:var(--gradient-main) !important;
    color:#fff !important;
    box-shadow:0 12px 24px rgba(194,61,255,0.22) !important;
}

.pricing-card h3{
    color:var(--color-text) !important;
    font-size:24px !important;
}

.price-value{
    font-size:48px !important;
    font-weight:900 !important;
    background:var(--gradient-main);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent !important;
}

.price-value span{
    color:var(--color-text-light) !important;
    background:none;
    -webkit-background-clip:initial;
    background-clip:initial;
}

.token-info{
    color:#c4377a !important;
    background:linear-gradient(135deg, rgba(255,95,143,0.10), rgba(255,122,89,0.10)) !important;
    border:1px solid rgba(255,95,143,0.10);
    border-radius:14px !important;
    font-weight:800 !important;
}

.pricing-features li{
    color:var(--color-text-light) !important;
    font-size:15px !important;
}

.pricing-features b{
    color:var(--color-text);
}

.pricing-features i.fa-check{
    color:#ff5f8f !important;
}

.pricing-note{
    border-top:1px dashed rgba(123,44,255,0.10) !important;
    color:var(--color-muted) !important;
}

.pricing-note b{
    color:#b52cff !important;
}

.faq-section{
    margin-bottom:110px;
}

.faq-container{
    max-width:980px;
    margin:36px auto 0;
    display:flex;
    flex-direction:column;
    gap:16px;
}

.faq-item{
    overflow:hidden;
    border-radius:22px;
    border:1px solid rgba(123,44,255,0.08);
    background:rgba(255,255,255,0.84);
    box-shadow:0 16px 38px rgba(113,39,122,0.07);
    transition:.25s ease;
    -webkit-backdrop-filter:blur(12px);
    backdrop-filter:blur(12px);
}

.faq-item.active{
    border-color:rgba(255,95,143,0.16);
    box-shadow:0 20px 44px rgba(194,61,255,0.10);
}

.faq-question{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    padding:22px 24px;
    cursor:pointer;
    color:var(--color-text);
    font-size:18px;
    font-weight:800;
}

.faq-question i{
    transition:transform .25s ease, color .25s ease;
    color:#b52cff;
}

.faq-item.active .faq-question i{
    transform:rotate(180deg);
}

.faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height .35s ease;
}

.faq-item.active .faq-answer{
    max-height:220px;
}

.faq-answer p{
    padding:0 24px 22px;
    color:var(--color-text-light);
    line-height:1.72;
    margin:0;
}

.modal-overlay{
    position:fixed;
    inset:0;
    display:none;
    align-items:center;
    justify-content:center;
    z-index:3000;
    background:rgba(151, 67, 140, 0.18);
    -webkit-backdrop-filter:blur(10px);
    backdrop-filter:blur(10px);
    padding:20px;
}

.modal-overlay.active{
    display:flex;
}

.form-wrapper{
    position:relative;
    width:min(100%, 520px);
    padding:34px 28px 28px;
    border-radius:30px;
    background:
        radial-gradient(circle at 18% 0%, rgba(255,95,143,0.10), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,0.97), rgba(255,245,251,0.93));
    border:1px solid rgba(255,255,255,0.95);
    box-shadow:0 32px 90px rgba(113,39,122,0.16);
    color:var(--color-text);
    margin: 40px auto;
}

.form-wrapper h2{
    font-size:34px;
    margin-bottom:22px;
    text-align:center;
    color:var(--color-text);
}

.modal-close-btn{
    position:absolute;
    top:14px;
    right:16px;
    width:40px;
    height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    cursor:pointer;
    background:rgba(255,255,255,0.88);
    color:var(--color-text);
    font-size:26px;
    transition:.2s ease;
    box-shadow:0 10px 24px rgba(123,44,255,0.08);
}

.modal-close-btn:hover{
    background:#fff;
}

.form-wrapper label{
    display:block;
    margin:0 0 8px;
    font-size:14px;
    font-weight:800;
    color:var(--color-text);
}

.form-wrapper input{
    width:100%;
    height:56px;
    margin-bottom:16px;
    padding:0 18px;
    border-radius:16px;
    border:1px solid rgba(123,44,255,0.10);
    background:rgba(255,255,255,0.90);
    color:var(--color-text);
    font-size:15px;
    outline:none;
    transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}

.form-wrapper input::placeholder{
    color:#a48ea8;
}

.form-wrapper input:focus{
    border-color:rgba(255,95,143,0.24);
    box-shadow:0 0 0 4px rgba(194,61,255,0.08);
    background:#fff;
}

.form-wrapper p a{
    color:#b52cff;
    font-weight:700;
}

.form-wrapper button[type="submit"],
.btn-google{
    width:100%;
    min-height:56px;
    border:none;
    border-radius:18px;
    font-size:16px;
    font-weight:800;
    cursor:pointer;
}

.form-wrapper button[type="submit"]{
    background:var(--gradient-main);
    color:#fff;
    box-shadow:0 16px 36px rgba(194,61,255,0.18);
    transition:.25s ease;
    margin-bottom:16px;
}

.form-wrapper button[type="submit"]:hover{
    transform:translateY(-2px);
}

.divider-text{
    text-align:center;
    color:var(--color-muted);
    font-size:14px;
    margin:12px 0 16px;
}

.btn-google{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    background:rgba(255,255,255,0.92);
    color:var(--color-text);
    border:1px solid rgba(123,44,255,0.10);
    box-shadow:0 10px 24px rgba(123,44,255,0.06);
    transition:.25s ease;
}

.btn-google:hover{
    background:#fff;
}

.btn-google img{
    width:22px;
    height:22px;
}

.sticky-cta{
    position:fixed;
    right:18px;
    bottom:18px;
    z-index:1200;
    transform:translateY(120px);
    opacity:0;
    transition:.3s ease;
}

.sticky-cta.visible{
    transform:none;
    opacity:1;
}

.sticky-cta .cta-button{
    min-height:56px;
    padding:0 20px;
    border-radius:18px;
    box-shadow:0 20px 46px rgba(194,61,255,0.24);
}

.main-footer{
    position:relative;
    margin-top:40px;
    border-top:1px solid rgba(255,255,255,0.9);
    background:linear-gradient(180deg, rgba(255,245,250,0.82), rgba(255,251,255,0.96));
}

.footer-content{
    max-width:var(--container);
    margin:0 auto;
    padding:48px 20px 30px;
}

.footer-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:26px;
}

.footer-section{
    padding:22px 20px;
    border-radius:22px;
    background:rgba(255,255,255,0.74);
    border:1px solid rgba(123,44,255,0.08);
    box-shadow:0 12px 28px rgba(123,44,255,0.05);
}

.footer-section h4{
    font-size:18px;
    margin-bottom:16px;
    color:var(--color-text);
}

.footer-section ul{
    list-style:none;
    margin:0;
    padding:0;
}

.footer-section li + li{
    margin-top:10px;
}

.footer-section a{
    color:var(--color-text-light);
    transition:.2s ease;
}

.footer-section a:hover{
    color:var(--color-text);
}

.social-icons{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.social-icons a{
    width:42px;
    height:42px;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,255,255,0.92);
    border:1px solid rgba(123,44,255,0.08);
    color:#b52cff;
    transition:.25s ease;
    box-shadow:0 10px 24px rgba(123,44,255,0.05);
}

.social-icons a:hover{
    transform:translateY(-3px);
    color:#fff;
    background:var(--gradient-main);
    border-color:transparent;
}

.footer-bottom{
    margin-top:24px;
    padding-top:22px;
    border-top:1px solid rgba(123,44,255,0.08);
    text-align:center;
    color:var(--color-muted);
    font-size:14px;
}

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

::-webkit-scrollbar-track{
    background:#fff4fa;
}

::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg, rgba(255,95,143,.78), rgba(123,44,255,.72));
    border-radius:20px;
    border:3px solid #fff4fa;
}

@media (max-width: 1100px){
    .advantages-grid{
        grid-template-columns:repeat(2,1fr);
    }
    .stats-container{
        grid-template-columns:repeat(2,1fr);
    }
    .footer-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

@media (max-width: 900px){
    .main-nav{
        position:fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        display:none;
        z-index:999;
        background:linear-gradient(160deg,#fff 0%,#f8f3ff 60%,#fdf0ff 100%);
        overflow-y:auto;
    }

    .main-nav.active{
        display:flex;
        flex-direction:column;
        align-items:center;
        padding-top:calc(var(--header-h) + 40px);
        padding-bottom:40px;
    }

    .main-nav ul{
        flex-direction:column;
        align-items:center;
        gap:10px;
        padding:0;
        background:transparent;
        border:none;
        border-radius:0;
        -webkit-backdrop-filter:none;
        backdrop-filter:none;
        box-shadow:none;
        width:100%;
        max-width:400px;
    }

    .main-nav li{
        width:100%;
    }

    .main-nav a,
    .lang-btn{
        justify-content:center;
        width:100%;
        border-radius:18px;
        height:60px;
        font-size:19px;
        font-weight:700;
        color:var(--color-text);
        border:1px solid rgba(123,44,255,0.1);
        background:rgba(255,255,255,0.8);
        box-shadow:0 2px 12px rgba(123,44,255,0.06);
    }

    .main-nav a:hover,
    .lang-btn:hover{
        color:var(--color-primary);
        background:#fff;
        border-color:rgba(123,44,255,0.22);
        box-shadow:0 6px 20px rgba(123,44,255,0.1);
    }

    .main-nav .nav-cta{
        height:66px;
        font-size:20px;
        color:#fff;
        background:var(--gradient-main);
        border-color:transparent;
        box-shadow:0 14px 36px rgba(194,61,255,0.28);
        margin-top:8px;
    }

    .main-nav .nav-cta:hover{
        color:#fff;
        border-color:transparent;
        box-shadow:0 18px 44px rgba(194,61,255,0.38);
    }

    .lang-dropdown{
        position:static;
        margin-top:8px;
        box-shadow:0 4px 16px rgba(123,44,255,0.08);
        background:#fff;
        border-color:rgba(123,44,255,0.1);
    }

    .lang-dropdown a{
        color:var(--color-text-light);
        background:transparent;
        border-color:transparent;
    }

    .lang-dropdown a:hover{
        color:var(--color-primary);
        background:rgba(123,44,255,0.05);
    }

    .menu-toggle{
        display:flex;
        position:relative;
        z-index:1001;
    }

    .hero-content{
        padding:54px 24px;
        border-radius:28px;
    }

    .hero-section{
        padding-top:50px;
    }

    .chat-bubble{
        font-size:15px;
    }
}

@media (max-width: 700px){
    .advantages-grid,
    .pricing-grid,
    .footer-grid,
    .stats-container{
        grid-template-columns:1fr !important;
    }

    .examples-grid{
        grid-template-columns:repeat(2,1fr) !important;
        gap:14px !important;
    }

    .example-preview{
        height:240px !important;
    }

    .chat-avatar{
        width:46px;
        height:46px;
        border-radius:14px;
    }

    .chat-bubble{
        padding:14px 16px;
        border-radius:18px;
    }

    .why-us-block{
        padding:34px 20px;
        border-radius:24px;
    }

    .why-us-block p{
        font-size:16px;
    }

    .faq-question{
        font-size:16px;
        padding:18px 18px;
    }

    .faq-answer p{
        padding:0 18px 18px;
        font-size:15px;
    }
}

@media (max-width: 480px){
    .header-content{
        padding:0 14px;
    }

    .hero-section,
    .advantages-section,
    .demo-chat-preview,
    .examples-section,
    .pricing-section,
    .faq-section,
    .stats-bar,
    .why-us-block,
    .footer-content{
        padding-left:14px !important;
        padding-right:14px !important;
    }

    .hero-content{
        padding:42px 18px;
    }

    .hero-section h1{
        font-size:36px;
    }

    .hero-section p{
        font-size:16px;
    }

    .cta-button{
        width:100%;
    }

    .hero-cta-group{
        flex-direction:column;
    }

    .trust-badges{
        flex-direction:column;
        align-items:stretch;
    }

    .examples-grid{
        grid-template-columns:1fr !important;
    }

    .form-wrapper{
        padding:28px 18px 20px;
        border-radius:24px;
    }
}


.cont-section {
    max-width: 1200px;
    margin: 80px auto; 

    padding: 54px 34px;

    border-radius: 34px;
    background: radial-gradient(circle at 15% 14%, rgba(255, 95, 143, 0.10), transparent 22%), radial-gradient(circle at 88% 84%, rgba(123, 44, 255, 0.10), transparent 22%), linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(255, 244, 250, 0.88));
    border: 1px solid rgba(255, 255, 255, 0.9);
    box-shadow: 0 24px 64px rgba(194, 61, 255, 0.09);
}

.cont-container p {
    margin-bottom: 20px;
    line-height: 1.6;
}

@media (max-width: 900px) {
    .cont-container { grid-template-columns: 1fr; }
    .cont-header { text-align: center; }
}