:root{
    /* Новая розовая палитра */
    --c-cream: #fafafa; /* Светлый фон */
    --c-cream-2: #f0e6e8; /* Легкий акцентный фон (розовый) */
    --c-g-950: #9e5578; /* Темный розово-фиолетовый (Основной брендовый цвет) */
    --c-g-900: #C24A75; /* Яркий розовый (CTA, заголовки) */
    --c-g-700: #D87093; /* Более светлый розовый */
    --c-g-500: #E6A7BB; /* Средний розовый */
    --c-g-300: #f0e6e8; /* Светло-розовый */
    --c-ink: #332228; /* Темный текст (почти черный) */
    --t-fast: .25s;
    --t-med: .6s;
    --sh-card: 0 20px 40px rgba(194, 74, 117, .06);
    --sh-float: 0 20px 50px rgba(194, 74, 117, .15);
    --mw: 1200px;
}

html{scroll-behavior:smooth}
*{box-sizing:border-box}
/* Изменение шрифта на Roboto */
body{margin:0;background:var(--c-cream);color:var(--c-ink);font-family:Roboto,Inter,system-ui,Segoe UI,Arial,sans-serif;line-height:1.45;max-width:100vw;overflow-x:hidden}

.s-982736{position:sticky;top:0;z-index:50;backdrop-filter:saturate(120%) blur(8px);transition:transform var(--t-med) ease,background var(--t-med) ease;background:linear-gradient(180deg,rgba(250,250,250,.85),rgba(240,230,232,.55))}
.s-982736.is-hide{transform:translateY(-100%)}
.s-982736.is-compact .r-2019{padding:.55rem 1rem}
.s-982736 .r-2019{display:flex;align-items:center;justify-content:space-between;gap:.5rem;max-width:var(--mw);margin:0 auto;padding:.85rem 1rem;border-bottom:1px solid var(--c-cream-2)} /* Использовать c-cream-2 */

.x-441002{display:flex;align-items:center;gap:.8rem;text-decoration:none}
.x-441002 .l-11827{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:conic-gradient(from 90deg,var(--c-g-900),var(--c-g-500))}
.x-441002 .l-11827 svg{width:24px;height:24px}
.x-441002 .t-77822{font-weight:700;letter-spacing:.2px;color:var(--c-g-900)}
.x-441002:focus-visible{outline:2px solid var(--c-g-500);outline-offset:4px;border-radius:12px}

.m-70010{display:flex;gap:1rem;align-items:center}
.m-70010 a{color:var(--c-ink);text-decoration:none;padding:.5rem .75rem;border-radius:10px;transition:transform var(--t-fast) ease,background var(--t-fast) ease}
.m-70010 a:hover{background:var(--c-cream-2);transform:translateY(-1px)}
.m-70010 .cta-11{background:var(--c-g-900);color:#fff}
.m-70010 .cta-11:hover{background:var(--c-g-700)}

.b-90901{display:none;position:relative;width:40px;height:40px;border:none;background:0 0;cursor:pointer}
.b-90901 span,.b-90901::after,.b-90901::before{content:"";position:absolute;left:9px;right:9px;height:2px;background:var(--c-ink);transition:transform .3s,opacity .3s;top:19px}
.b-90901::before{top:12px}
.b-90901::after{top:26px}
.b-90901.is-open span{opacity:0}
.b-90901.is-open::before{transform:translateY(7px) rotate(45deg)}
.b-90901.is-open::after{transform:translateY(-7px) rotate(-45deg)}

.o-99321{display:none;position:fixed;inset:0;background:rgba(51,34,40,.7);backdrop-filter:blur(6px);z-index:40} /* Использовать c-ink */
.o-99321 nav{background:var(--c-cream);border-top-left-radius:18px;border-top-right-radius:18px;position:absolute;left:0;right:0;bottom:0;padding:1rem 1rem 1.5rem}
.o-99321 a{display:block;padding:1rem;border-radius:12px;font-size:1.1rem;text-decoration:none;color:var(--c-ink);cursor:pointer;transition:transform var(--t-fast) ease,background var(--t-fast) ease}
.o-99321 a:hover{background:var(--c-cream-2);transform:translateX(4px)}

.wrap{max-width:var(--mw);margin:0 auto;padding:2.2rem 1rem}
.wrap--inl-179dde{padding:1.2rem}
.grid2{display:grid;grid-template-columns:1.15fr .85fr;gap:2.2rem}

.h2-220{font-size:clamp(1.6rem, 3.2vw, 2.1rem);margin:0 0 .8rem;color:var(--c-g-900);letter-spacing:-.2px}
.h2-220--inl-8fa63c{font-size:1.3rem}
.lead-100{font-size:clamp(1.02rem, 1.4vw, 1.15rem);color:var(--c-ink)} /* Более темный текст */
.lead-100--inl-7e11d0{margin-bottom:1rem}

.h-55001{position:relative;isolation:isolate}
.h-55001 .c-11198{max-width:var(--mw);margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:2.2rem;padding:clamp(1rem,2vw,2rem) 1rem 2.5rem;align-items:center;min-height:100vh}
.h-55001 .p-66123{padding:1.4rem 1.2rem;border-radius:24px;background:linear-gradient(180deg,#ffffffcc,#ffffffaa);border:1px solid var(--c-cream-2);box-shadow:var(--sh-card);transition:transform var(--t-med) ease,box-shadow var(--t-med) ease}
.h-55001 .p-66123:hover{transform:translateY(-2px);box-shadow:0 28px 60px rgba(194, 74, 117,.08)} /* Обновленный цвет тени */
.h-55001 h1{font-size:clamp(2rem, 5vw, 3.4rem);line-height:1.05;margin:.2rem 0 .6rem;color:var(--c-g-900);letter-spacing:-.5px}
.h-55001 .u-22001{font-size:clamp(1.05rem, 1.8vw, 1.2rem);color:var(--c-ink);margin:0 0 1rem} /* Обновленный цвет текста */
.u-22001--inl-cc5f31{margin-top:1rem}
.h-55001 .chips-33{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0 1.2rem}
.h-55001 .chips-33 span{background:var(--c-cream-2);border:1px dashed var(--c-g-500);color:var(--c-ink);padding:.45rem .7rem;border-radius:999px;font-size:.92rem;transition:transform var(--t-fast) ease} /* Обновленные цвета тегов */
.h-55001 .chips-33 span:hover{transform:translateY(-1px)}
.h-55001 .cta-wrap{display:flex;flex-wrap:wrap;gap:.8rem;margin:.6rem 0 0}
.h-55001 .btn-10,.h-55001 .btn-20{cursor:pointer;border:none;border-radius:14px;padding:.9rem 1.1rem;font-weight:600;position:relative;overflow:hidden}
.h-55001 .btn-10{background:var(--c-g-900);color:#fff}
.h-55001 .btn-10:hover{background:var(--c-g-700)}
.h-55001 .btn-20{background:0 0;color:var(--c-g-900);border:1.5px solid var(--c-g-900)}
.h-55001 .btn-20:hover{background:var(--c-cream-2)}
.h-55001 .btn-10::after,.h-55001 .btn-20::after{content:"";position:absolute;inset:auto -10% -120% -10%;height:180%;border-radius:50%;background:rgba(255,255,255,.18);transform:translateY(0);transition:transform .5s}
.h-55001 .btn-10:hover::after,.h-55001 .btn-20:hover::after{transform:translateY(-40%)}

.h-55001 .v-88112{position:relative;min-height:520px}
.h-55001 .img-wrap{position:absolute;inset:0;display:grid;place-items:center;padding:1rem;-webkit-mask:radial-gradient(60% 60% at 65% 40%,#000 55%,transparent 56%);mask:radial-gradient(60% 60% at 65% 40%,#000 55%,transparent 56%);transition:filter var(--t-med) ease}
.h-55001 .img-wrap img{width:100%;height:100%;object-fit:cover;border-radius:28px;filter:saturate(1.05)}
.h-55001 .leaf-frame{position:absolute;inset:-10% -6% auto -6%;height:60%;pointer-events:none;animation:6s ease-in-out infinite alternate sway}
.h-55001 .leaf-frame svg{width:100%;height:100%}
.h-55001 .badge-plot{position:absolute;right:-6%;bottom:-6%;width:min(46vw,420px);aspect-ratio:1/1;border-radius:28px;background:var(--c-cream);border:1px solid var(--c-cream-2);display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:1rem;box-shadow:var(--sh-float);animation:7s ease-in-out infinite floaty}
.h-55001 .badge-plot .k-1,.h-55001 .badge-plot .k-2,.h-55001 .badge-plot .k-3{background:#fff;border:1px solid var(--c-cream-2);border-radius:16px;padding:.8rem;transition:transform var(--t-fast) ease}
.h-55001 .badge-plot .k-1:hover,.h-55001 .badge-plot .k-2:hover,.h-55001 .badge-plot .k-3:hover{transform:translateY(-2px)}
.h-55001 .badge-plot h3{font-size:.9rem;margin:.1rem 0 .35rem;color:var(--c-g-900)}
.h-55001 .badge-plot p{font-size:.85rem;margin:0;color:var(--c-ink)}

.chart-ring{width:90px;height:90px}
.chart-line{width:100%;height:70px}
.chart-line polyline{stroke-dasharray:400;stroke-dashoffset:400;transition:stroke-dashoffset 1.2s}

.grain-ov{position:absolute;inset:0;border-radius:24px;pointer-events:none;mix-blend-mode:multiply;opacity:.2;animation:8s linear infinite grainMove}
.grain-ov svg{width:100%;height:100%}

.a-appear{opacity:0;transform:translateY(12px);transition:opacity .7s,transform .7s}
.a-in{opacity:1;transform:none}
.a-stagger>*{opacity:0;transform:translateY(10px)}
.a-stagger.a-in>*{animation:.6s forwards reveal}
.a-stagger.a-in>:first-child{animation-delay:.05s}
.a-stagger.a-in>:nth-child(2){animation-delay:.15s}
.a-stagger.a-in>:nth-child(3){animation-delay:.25s}
.a-stagger.a-in>:nth-child(4){animation-delay:.35s}

@keyframes reveal{to{opacity:1;transform:none}}
@keyframes sway{from{transform:rotate(-.6deg) translateY(0)}to{transform:rotate(.6deg) translateY(-4px)}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes grainMove{from{transform:translate(0,0)}to{transform:translate(2%,-2%)}}

section[id]{scroll-margin-top:78px}
.sec{position:relative}
.card{background:#fff;border:1px solid var(--c-cream-2);border-radius:18px;box-shadow:var(--sh-card)}
.card--inl-6a9d5b{padding:1rem}
.card--inl-dfd2ca{padding:1.2rem}
.card:hover{transform:translateY(-2px)}

.tag{display:inline-block;font-size:.8rem;background:var(--c-cream-2);border:1px dashed var(--c-g-500);color:var(--c-ink);padding:.25rem .55rem;border-radius:999px}

.t-550{display:grid;grid-template-columns:1.1fr .9fr;gap:1.6rem}
.t-550 .col{padding:1.2rem}
.t-550 .list{display:grid;gap:.6rem}

.list--inl-70598d{list-style:none;margin:.9rem 0 0;padding:0}
.list--inl-97641e{margin:1rem 0 0 1rem}
.list--inl-a4f980{margin:.8rem 0 0 1rem}
.list--inl-294b72{margin:.4rem 0 0 1rem}
.t-550 .list li{display:flex;gap:.6rem;align-items:flex-start}

.rail-wrap{position:relative}
.rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(74%,420px);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:.5rem}
.rail>article{scroll-snap-align:center}
.rail::-webkit-scrollbar{height:10px}
.rail::-webkit-scrollbar-thumb{background:var(--c-cream-2);border-radius:99px} /* Обновленный цвет скроллбара */

.w-plot{display:grid;grid-template-columns:1.1fr .9fr;gap:1.6rem}
.w-plot .time{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem}
.time--inl-502368{margin-top:.8rem}
.w-plot .time span{background:#fff;border:1px solid var(--c-cream-2);border-radius:12px;padding:.6rem .4rem;text-align:center}

.light-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.6rem}
.compass{aspect-ratio:1/1;background:#fff;border:1px solid var(--c-cream-2);border-radius:20px;display:grid;place-items:center}

.soil-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.6rem}
.fix-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.tools-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:1.6rem}
.faq-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.6rem}

.acc{border:1px solid var(--c-cream-2);border-radius:14px;background:#fff}
.acc--inl-6203f5{margin-top:.6rem}
.acc summary{cursor:pointer;padding:1rem 1.2rem;font-weight:600;color:var(--c-g-900)}
.acc p{padding:0 1.2rem 1rem;margin:0}

.cookie{position:fixed;z-index:60;left:16px;right:16px;bottom:16px;background:#fff;border:1px solid var(--c-cream-2);border-radius:16px;box-shadow:var(--sh-card);display:flex;gap:.8rem;align-items:flex-start;padding:1rem;max-width:860px;margin:0 auto}
.cookie button{cursor:pointer;border:none;border-radius:12px;padding:.6rem .9rem;font-weight:600}
.cookie .ok{background:var(--c-g-900);color:#fff}
.cookie .ok:hover{background:var(--c-g-700)}
.cookie .no{background:0 0;border:1.5px solid var(--c-g-900);color:var(--c-g-900)}
.cookie .no:hover{background:var(--c-cream-2)}

footer{border-top:1px solid var(--c-cream-2);background:var(--c-cream-2)}
footer .f-grid{display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:var(--mw);margin:0 auto;padding:1rem}

@media (max-width:980px){
    .faq-grid,.grid2,.light-grid,.soil-grid,.t-550,.tools-grid,.w-plot{grid-template-columns:1fr}
    .fix-grid{grid-template-columns:1fr 1fr}
    .rail{grid-auto-columns:80%}
}
@media (max-width:860px){
    .m-70010{display:none}
    .b-90901{display:block}
}
@media (max-width:600px){
    .fix-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
    .grain-ov,.h-55001 .badge-plot,.leaf-frame{animation:none}
    .chart-line polyline,.h-55001 .p-66123,.s-982736{transition:none}
}

.clickable,[role=button],a,button{cursor:pointer}
.elem--inl-baea38{border:1px solid var(--c-cream-2);border-radius:10px;height:84px;object-fit:cover;width:100%}
.elem--inl-70d720{margin-top:.35rem}
.elem--inl-7a2baf{margin:.6rem 0 0 1rem}
.elem--inl-1e8eaf{border:1px solid var(--c-cream-2);border-radius:12px;height:180px;object-fit:cover;width:100%} /* Добавлен бордер */
.elem--inl-03a562{margin:.8rem 0 .3rem}
.elem--inl-2db2af{height:auto;width:100%}
.elem--inl-282382{stroke-dasharray:500;stroke-dashoffset:500}
.elem--inl-e834a6{display:flex;flex-wrap:wrap;gap:.8rem}
.elem--inl-eb2349{flex:1}
.elem--inl-f9d535{display:block;margin-bottom:.2rem}
.elem--inl-d44507{display:flex;gap:.5rem}
.elem--inl-a5fdbc{display:flex;gap:1rem}
.dryline--inl-79ff7f{stroke-dasharray:600;stroke-dashoffset:600}

.text-section {
    background: #fff;
    border: 1px solid var(--c-cream-2);
    border-radius: 18px;
    padding: 2rem;
    margin: 1rem 0;
    box-shadow: var(--sh-card);
}

.simple-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 1.5rem;
    margin: 2rem 0;
}

/* Обновление стиля для Cookie Popup */
.cookie-popup button {
    background: var(--c-g-900); /* Розовый для кнопки "Принять" */
    color: #fff;
    border: none;
    padding: 0.4rem 0.8rem;
    margin: 0 0.2rem;
    border-radius: 6px;
    cursor: pointer;
    font-size: 0.85rem;
}
.cookie-popup button.secondary {
    background: var(--c-cream-2); /* Светло-розовый для кнопки "Ограничить" */
    color: var(--c-ink);
}


/* Переопределяем стили для новой Intro секции */

/* 1. Удаляем старый grid-контейнер и центровку h-55001 */
.h-55001 {
    display: none; /* Скрываем старый h-55001 чтобы не мешал */
}

.hero-card-new {
    display: flex; /* Используем flexbox для нового макета */
    flex-direction: row;
    gap: 3rem;
    max-width: var(--mw);
    margin: 2rem auto;
    background: #fff;
    border: 1px solid var(--c-cream-2);
    border-radius: 28px;
    box-shadow: var(--sh-float); /* Более выраженная тень */
    padding: 2.5rem;
    align-items: flex-start;
}

.hero-visual-new {
    flex-shrink: 0;
    width: 380px; /* Фиксированная ширина для визуального блока */
    position: relative;
    padding-top: 2rem;
}
.img-wrap-new img {
    border-radius: 18px;
    height: 400px;
    object-fit: cover;
}

.badge-plot-new {
    position: static; /* Статичный позиционирование */
    width: 100%;
    aspect-ratio: auto;
    margin-top: 1.5rem;
    box-shadow: none;
    border: none;
    background: transparent;
    padding: 0;
    animation: none;
}
.badge-plot-new .k-1, .badge-plot-new .k-2, .badge-plot-new .k-3 {
    background: var(--c-cream-2); /* Фон значков */
    border: none;
    border-radius: 12px;
}

.hero-text-new {
    flex-grow: 1;
    padding: 1rem 0;
}

.chips-33-new {
    margin-top: 1.5rem;
}

/* Макет для мобильных устройств (менее 980px) */
@media (max-width: 980px) {
    .hero-card-new {
        flex-direction: column; /* Изменяем на колонку на мобильном */
        padding: 1.5rem;
        gap: 1.5rem;
    }
    .hero-visual-new {
        width: 100%; /* Полная ширина */
        padding-top: 0;
    }
    .img-wrap-new img {
        height: 300px;
    }
    .hero-text-new {
        padding: 0;
    }
    .hero-card-new h1 {
        font-size: clamp(2rem, 8vw, 2.5rem);
    }
}