@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:Manrope,Arial,sans-serif;color:#f6f2ff;background:#100c20;font-synthesis:none;scroll-behavior:smooth;color-scheme:dark}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #ffa957;outline-offset:6px}.skip{position:absolute;top:-90px;background:#372550;padding:15px;z-index:9}.skip:focus{top:8px}.shell{max-width:1512px;margin:auto;padding:0 5.3%}header{min-height:105px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff12}.brand{font-size:34px;font-weight:800;letter-spacing:-1.5px;display:inline-flex;align-items:center}.brand span{color:#ffa957;font-size:30px;margin-left:5px}.brand small{font-size:12px;letter-spacing:2px;margin-left:12px;background:#ffffff0b;padding:6px 8px;border:1px solid #ffffff15;border-radius:6px}nav{display:flex;gap:28px;font-size:14px;color:#c6bbdf}nav a:hover,.text-link:hover{color:#ffa957}.domain{font-size:13px;color:#a99bbb}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;min-height:640px;padding:30px 0 35px;gap:6px}.eyebrow{font-size:12px;color:#ba9de9;font-weight:700;letter-spacing:1.5px;line-height:1.7}h1{font-size:clamp(42px,4.5vw,68px);letter-spacing:-.055em;line-height:1.1;font-weight:800;margin:27px 0 24px}h1 em{font-style:normal;color:#bc94ff;display:inline-block;font-size:.77em;letter-spacing:-.035em;margin-top:7px;white-space:nowrap}p{font-size:16px;line-height:1.7;margin:0;color:#bcb1cd}.hero-copy{position:relative;z-index:2}.hero-copy>p{font-size:16px}.actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button{min-height:56px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:16px 21px;font-size:14px;font-weight:700;border:1px solid transparent;transition:background .2s,transform .2s}.primary{background:#9565ef;color:#fff;box-shadow:0 6px 30px #9565ef22}.primary:hover{background:#a579f5;transform:translateY(-2px)}.secondary{background:#ffffff04;border-color:#ffffff25;color:#ece4ff}.secondary:hover{background:#ffffff10}.text-link{font-size:14px;display:inline-block;margin-top:17px;color:#e9dfff}.text-link span{padding-left:10px}.hero-copy .hero-note{font-size:12px;margin-top:13px;color:#a99bbb}.hero-art{margin:0;position:relative;min-width:0}.hero-art>img{display:block;width:112%;max-width:none;height:auto;margin-left:-3%;mask-image:linear-gradient(to right,transparent,#000 12%,#000 92%,transparent),linear-gradient(to bottom,transparent,#000 7%,#000 87%,transparent);mask-composite:intersect}.hero-art figcaption{position:absolute;bottom:18px;left:15%;right:5%;text-align:center;font-size:10px;letter-spacing:2.2px;color:#d9bfed}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid #ffffff13;border-bottom:1px solid #ffffff13;padding:28px 0}.benefits article{display:flex;align-items:center;gap:15px}.benefits img{width:56px;height:56px;object-fit:cover;border-radius:17px;border:1px solid #936bea66}.benefits h3{font-size:15px;margin:0 0 7px}.benefits p{font-size:13px;line-height:1.6}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-head p{font-size:14px}h2{font-size:clamp(29px,3vw,42px);font-weight:700;letter-spacing:-1.5px;line-height:1.22;margin:13px 0 0}.apps{padding:76px 0}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.app-card{background:#1a142b;border:1px solid #ffffff10;padding:28px;border-radius:20px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.platform{font-size:13px;background:#ffffff06;border:1px solid #ffffff10;border-radius:100px;padding:7px 12px;color:#c5b6db}.symbol{font-size:24px;color:#b18ce9}.app-card h3{font-size:33px;letter-spacing:-1px;margin:0 0 8px}.app-card p{font-size:15px}.download{border:1px solid #6e4d9955;background:#211932;border-radius:10px;margin:26px 0 10px;min-height:52px;padding:14px 16px;display:flex;justify-content:space-between;gap:12px;font-size:14px;font-weight:600;transition:background .2s}.download:hover{background:#4c3271}.caption{font-size:12px;color:#a99bbb}.connect{border-top:1px solid #ffffff13;padding:60px 0 0}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin:40px 0 48px;padding:0}.steps li{display:flex;gap:16px}.number{height:34px;min-width:34px;display:grid;place-items:center;border-radius:11px;background:#2a1e40;color:#c29beb;font-weight:700}.steps h3{font-size:16px;margin:4px 0 10px}.steps p{font-size:14px}.connect-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(100deg,#271938,#1b152e);border:1px solid #72529044;padding:30px;border-radius:18px}.connect-bottom h3{font-size:25px;margin:0 0 5px;letter-spacing:-.7px}.connect-bottom p{font-size:14px}.telegram[aria-disabled=true]{cursor:default;transform:none;box-shadow:none}.telegram[aria-disabled=true]:after{content:'Скоро';font-size:10px;border:1px solid #ffffff40;border-radius:30px;padding:3px 6px;color:#e8deff}.telegram[aria-disabled=true]>span{display:none}.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;padding:85px 0}.helper{display:flex;align-items:center;gap:18px;margin-top:27px}.helper img{border-radius:50%;height:74px;width:74px;object-fit:cover;border:1px solid #795494}.helper p{font-size:14px}.questions details{border-bottom:1px solid #ffffff16;padding:22px 0}.questions details:first-child{padding-top:0}.questions summary{cursor:pointer;list-style:none;font-size:16px;font-weight:600;display:flex;justify-content:space-between;gap:20px;line-height:1.5}.questions summary::-webkit-details-marker{display:none}.questions summary:after{content:'+';color:#bc94ff;font-size:22px;line-height:1}.questions details[open] summary:after{content:'−'}.questions details p{font-size:14px;padding-top:15px}footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 0;border-top:1px solid #ffffff13}footer p,footer>span{font-size:12px;color:#a99bbb}footer .brand{font-size:27px}footer .brand span{font-size:23px}@media(max-width:1050px){.shell{padding:0 4%}.domain{display:none}.hero{min-height:550px}.hero-art>img{width:105%}h1{font-size:49px}.actions{gap:10px}.button{padding:14px;font-size:13px}.benefits{gap:18px}.benefits article{align-items:start}.benefits img{width:40px;height:40px}.benefits p br{display:none}.app-card{padding:22px}.download{font-size:13px;padding:14px 10px}}@media(max-width:720px){header{min-height:83px}.brand{font-size:29px}.brand small{font-size:10px;margin-left:8px}nav{gap:16px;font-size:13px}nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;padding-top:33px;gap:0}.hero-copy{text-align:center}h1{font-size:clamp(38px,8.4vw,60px);margin:21px 0}h1 em{white-space:normal}.hero-copy>p{font-size:15px}.hero-copy .eyebrow{font-size:10px;letter-spacing:1.2px}.actions{justify-content:center}.button{font-size:13px;gap:9px}.hero-art{width:min(100%,490px);margin:-4px auto -5px}.hero-art>img{width:100%;margin:0}.hero-art figcaption{bottom:20px;left:0;right:0;font-size:9px}.hero-note{position:relative;z-index:3}.benefits{grid-template-columns:1fr;padding:25px 13px;gap:23px}.benefits article{align-items:center;gap:17px}.benefits img{width:48px;height:48px}.benefits p{font-size:14px}.benefits p br{display:none}.section-head{display:block}.section-head>p{margin-top:15px}.app-grid{grid-template-columns:1fr}.app-card{padding:25px}.card-top{margin-bottom:17px}.app-card p br{display:none}.download{margin-top:20px;font-size:14px;padding:14px 16px}.apps{padding:48px 0}.steps{grid-template-columns:1fr;gap:25px;margin:30px 0}.connect{padding-top:40px}.connect-bottom{align-items:stretch;flex-direction:column;padding:24px}.faq{grid-template-columns:1fr;gap:35px;padding:55px 0}.helper{margin-top:20px}.faq h2 br{display:none}footer{flex-wrap:wrap;gap:15px}footer p{width:100%;order:3}.desktop{display:none}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}

/* Feature illustrations and the single Karing download block */
.benefits {gap:24px;padding:32px 0}
.benefits article {display:flex;flex-direction:column;align-items:stretch;gap:0;background:#171226;border:1px solid #ffffff12;border-radius:20px;overflow:hidden}
.benefits img {display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border:0;border-radius:0}
.benefits article>div {padding:20px 23px 25px}
.benefits h3 {font-size:19px;margin:0 0 10px}
.benefits p {font-size:15px;line-height:1.65}
.karing-card {display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;padding:35px;background:#1a142b;border:1px solid #ffffff16;border-radius:22px}
.karing-intro {min-width:0}.karing-intro .platform {display:inline-block;font-size:11px;letter-spacing:1px;white-space:normal}
.karing-intro h3 {font-size:54px;line-height:1.2;letter-spacing:-2px;margin:20px 0 15px}
.karing-intro p {max-width:360px}
.platform-downloads {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.platform-download {display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 17px;border:1px solid #ffffff20;border-radius:13px;background:#241b36;transition:background .2s}
.platform-download:hover {background:#3e2b60}
.platform-download strong {display:block;font-size:16px}.platform-download small {display:block;font-size:12px;line-height:1.6;color:#bcb1cd;margin-top:5px}
.download-note {grid-column:1/-1;font-size:13px;border-top:1px solid #ffffff12;padding-top:22px}.download-note a {text-decoration:underline;text-underline-offset:3px;color:#dac5ff}
@media(max-width:900px){.karing-card{grid-template-columns:1fr}.karing-intro p{max-width:100%}.benefits article>div{padding:17px}.benefits h3{font-size:17px}}
@media(max-width:720px){.benefits{padding:25px 0}.benefits article{display:grid;grid-template-columns:115px 1fr;align-items:center}.benefits img{width:115px;height:115px}.benefits article>div{padding:15px}.benefits p{font-size:14px}.karing-card{padding:22px;gap:25px}.platform-downloads{gap:10px}.platform-download{padding:16px 12px}.platform-download strong{font-size:14px}.platform-download small{font-size:12px}}
@media(max-width:380px){.platform-downloads{grid-template-columns:1fr}.benefits article{grid-template-columns:90px 1fr}.benefits img{width:90px;height:90px}}

/* Header cleanup */
header {
    justify-content: flex-start;
}

header nav {
    margin-left: auto;
}

@media(max-width:720px) {
    header nav {
        margin-left: auto;
    }
}

/* ===== Kittyy visual upgrade ===== */

/* Hero: глубина и мягкое свечение */
.hero {
    position: relative;
    isolation: isolate;
}

.hero::before {
    content: "";
    position: absolute;
    width: 620px;
    height: 620px;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    background:
        radial-gradient(circle,
            rgba(146, 96, 255, .22) 0%,
            rgba(108, 69, 203, .14) 35%,
            rgba(88, 49, 160, .07) 55%,
            transparent 72%
        );
    filter: blur(18px);
    pointer-events: none;
    z-index: -1;
}

.hero-art {
    transition: transform .35s ease;
}

.hero-art:hover {
    transform: translateY(-5px) scale(1.01);
}

/* Мягкая "жизнь" маскота */
@keyframes kittyFloat {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-8px); }
}

.hero-art > img {
    animation: kittyFloat 5.5s ease-in-out infinite;
    filter:
        drop-shadow(0 22px 55px rgba(113, 67, 226, .22))
        drop-shadow(0 0 24px rgba(164, 112, 255, .12));
}

/* Главная кнопка — дороже визуально */
.button.primary {
    background:
        linear-gradient(135deg, #8d5cf5 0%, #a56ef7 52%, #bc82ff 100%);
    box-shadow:
        0 10px 30px rgba(145, 91, 239, .25),
        inset 0 1px 0 rgba(255,255,255,.16);
    border-color: rgba(255,255,255,.08);
}

.button.primary:hover {
    background:
        linear-gradient(135deg, #9868f7 0%, #af78fb 52%, #c98eff 100%);
    transform: translateY(-3px);
    box-shadow:
        0 16px 40px rgba(145, 91, 239, .34),
        inset 0 1px 0 rgba(255,255,255,.2);
}

/* Вторая кнопка — glass style */
.button.secondary {
    background: rgba(255,255,255,.035);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-color: rgba(255,255,255,.14);
}

.button.secondary:hover {
    background: rgba(255,255,255,.07);
    border-color: rgba(190,150,255,.24);
}

/* Карточки преимуществ */
.benefits article {
    position: relative;
    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}

.benefits article:hover {
    transform: translateY(-6px);
    border-color: rgba(163, 113, 255, .34);
    background: #1b1430;
    box-shadow:
        0 18px 40px rgba(0,0,0,.24),
        0 0 30px rgba(138, 88, 227, .06);
}

.benefits img {
    transition: transform .35s ease, filter .35s ease;
}

.benefits article:hover img {
    transform: scale(1.035);
    filter: saturate(1.06) brightness(1.03);
}

/* Блок Karing */
.karing-card {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            rgba(37, 27, 57, .96),
            rgba(24, 18, 40, .96)
        );
    box-shadow:
        0 22px 60px rgba(0,0,0,.2);
}

.karing-card::before {
    content: "";
    position: absolute;
    width: 320px;
    height: 320px;
    left: -110px;
    top: -140px;
    background:
        radial-gradient(circle, rgba(151,101,239,.15), transparent 70%);
    pointer-events: none;
}

/* Кнопки платформ */
.platform-download {
    position: relative;
    overflow: hidden;
}

.platform-download::after {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            120deg,
            transparent 20%,
            rgba(255,255,255,.04) 48%,
            transparent 70%
        );
    transform: translateX(-120%);
    transition: transform .45s ease;
}

.platform-download:hover::after {
    transform: translateX(120%);
}

.platform-download:hover {
    transform: translateY(-2px);
    border-color: rgba(171, 126, 255, .34);
}

/* Разделы визуально отделяем */
.apps {
    position: relative;
}

.apps::before {
    content: "";
    position: absolute;
    inset: 0 -6vw;
    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(255,255,255,.012) 15%,
            rgba(255,255,255,.018) 50%,
            rgba(255,255,255,.012) 85%,
            transparent
        );
    z-index: -1;
}

/* Шаги подключения */
.steps {
    position: relative;
}

.steps li {
    position: relative;
    padding: 20px;
    border-radius: 16px;
    background: rgba(255,255,255,.018);
    border: 1px solid rgba(255,255,255,.055);
    transition:
        transform .25s ease,
        border-color .25s ease,
        background .25s ease;
}

.steps li:hover {
    transform: translateY(-4px);
    border-color: rgba(169,121,255,.28);
    background: rgba(255,255,255,.03);
}

.number {
    box-shadow:
        0 0 0 1px rgba(190,148,255,.12),
        0 0 22px rgba(151,101,239,.08);
}

/* Соединительная линия между шагами */
@media(min-width:721px) {
    .steps::before {
        content: "";
        position: absolute;
        top: 37px;
        left: calc(16.6% + 25px);
        right: calc(16.6% + 25px);
        height: 1px;
        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(177,140,233,.22),
                rgba(177,140,233,.22),
                transparent
            );
        z-index: 0;
    }

    .steps li {
        z-index: 1;
    }
}

/* Нижний CTA */
.connect-bottom {
    position: relative;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0,0,0,.18);
}

.connect-bottom::after {
    content: "";
    position: absolute;
    width: 250px;
    height: 250px;
    right: -90px;
    bottom: -130px;
    background:
        radial-gradient(circle, rgba(153,101,240,.16), transparent 68%);
    pointer-events: none;
}

/* FAQ — карточный стиль */
.questions details {
    background: rgba(255,255,255,.015);
    border: 1px solid transparent;
    border-bottom-color: rgba(255,255,255,.08);
    border-radius: 14px;
    padding: 20px 18px;
    margin-bottom: 10px;
    transition:
        background .2s ease,
        border-color .2s ease,
        transform .2s ease;
}

.questions details:first-child {
    padding-top: 20px;
}

.questions details:hover {
    background: rgba(255,255,255,.026);
    border-color: rgba(255,255,255,.08);
    transform: translateY(-1px);
}

.questions details[open] {
    background: rgba(80,52,125,.16);
    border-color: rgba(183,142,255,.18);
}

/* Заголовки чуть выразительнее */
h2 {
    text-wrap: balance;
}

h3 {
    letter-spacing: -.2px;
}

/* Микро-сияние маленьких меток */
.eyebrow {
    text-shadow: 0 0 18px rgba(188,148,255,.15);
}

/* Footer */
footer {
    background:
        linear-gradient(
            180deg,
            transparent,
            rgba(255,255,255,.01)
        );
}

/* Мобильная адаптация */
@media(max-width:720px) {
    .hero::before {
        width: 420px;
        height: 420px;
        right: 50%;
        top: 68%;
        transform: translate(50%, -50%);
    }

    .hero-art > img {
        animation-duration: 6.5s;
    }

    .benefits article:hover,
    .steps li:hover,
    .platform-download:hover {
        transform: none;
    }
}

/* Уважение настройки reduced motion */
@media(prefers-reduced-motion:reduce) {
    .hero-art > img {
        animation: none !important;
    }

    .hero-art,
    .benefits article,
    .benefits img,
    .platform-download,
    .steps li {
        transition: none !important;
    }
}