/* =========================================
   ЯДРО — Design Tokens & Component Styles
   ========================================= */
:root{--text-xs:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);--text-sm:clamp(0.875rem,0.8rem + 0.35vw,1rem);--text-base:clamp(1rem,0.95rem + 0.25vw,1.125rem);--text-lg:clamp(1.125rem,1rem + 0.75vw,1.5rem);--text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);--text-2xl:clamp(2rem,1.2rem + 2.5vw,3.5rem);--text-3xl:clamp(2.5rem,1rem + 4vw,5rem);--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.25rem;--radius-full:9999px;--transition-interactive:180ms cubic-bezier(0.16,1,0.3,1);--content-narrow:640px;--content-default:960px;--content-wide:1200px;--font-body:'Manrope','Helvetica Neue',sans-serif;--font-display:'General Sans','Manrope',sans-serif;}
:root,[data-theme="light"]{--color-bg:#f5f6fa;--color-surface:#ffffff;--color-surface-2:#f0f1f5;--color-surface-offset:#e8e9ef;--color-border:#d0d2dc;--color-divider:#dcdee6;--color-text:#1a1d2e;--color-text-muted:#6b6f82;--color-text-faint:#a0a3b3;--color-text-inverse:#f5f6fa;--color-primary:#0a6e74;--color-primary-hover:#085258;--color-primary-light:#e0f4f5;--color-primary-surface:#d1f0f2;--color-error:#c44040;--color-success:#2a8a4a;--shadow-sm:0 1px 3px rgba(26,29,46,0.06);--shadow-md:0 4px 16px rgba(26,29,46,0.08);--shadow-lg:0 12px 40px rgba(26,29,46,0.12);}
[data-theme="dark"]{--color-bg:#0e1117;--color-surface:#161b22;--color-surface-2:#1c2129;--color-surface-offset:#21262d;--color-border:#30363d;--color-divider:#282e36;--color-text:#d1d5db;--color-text-muted:#8b949e;--color-text-faint:#58606a;--color-text-inverse:#0e1117;--color-primary:#4fc3cb;--color-primary-hover:#38a8b0;--color-primary-light:#1a3a3d;--color-primary-surface:#152e30;--color-error:#f87171;--color-success:#4ade80;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 16px rgba(0,0,0,0.4);--shadow-lg:0 12px 40px rgba(0,0,0,0.5);}
@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:#0e1117;--color-surface:#161b22;--color-surface-2:#1c2129;--color-surface-offset:#21262d;--color-border:#30363d;--color-divider:#282e36;--color-text:#d1d5db;--color-text-muted:#8b949e;--color-text-faint:#58606a;--color-text-inverse:#0e1117;--color-primary:#4fc3cb;--color-primary-hover:#38a8b0;--color-primary-light:#1a3a3d;--color-primary-surface:#152e30;--color-error:#f87171;--color-success:#4ade80;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 16px rgba(0,0,0,0.4);--shadow-lg:0 12px 40px rgba(0,0,0,0.5);}}
.header{position:sticky;top:0;z-index:100;background:oklch(from var(--color-bg) l c h / 0.85);backdrop-filter:blur(16px);border-bottom:1px solid var(--color-divider);transition:box-shadow 0.3s cubic-bezier(0.16,1,0.3,1);}
.header--scrolled{box-shadow:var(--shadow-sm);}
.header__inner{max-width:var(--content-wide);margin:0 auto;padding:var(--space-3) var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);}
.header__logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text);flex-shrink:0;}
.header__logo svg,.header__logo-img,.header__logo-svg{width:auto;height:32px;border-radius:var(--radius-sm);object-fit:contain;flex-shrink:0;}
[data-theme="dark"] .header__logo-img{filter:invert(1);}
@media(prefers-color-scheme:dark){:root:not([data-theme]) .header__logo-img{filter:invert(1);}}
.header__logo-text{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);}
.header__nav{display:flex;gap:var(--space-6);}
.header__nav a{text-decoration:none;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;transition:color var(--transition-interactive);}
.header__nav a:hover{color:var(--color-text);}
.header__actions{display:flex;align-items:center;gap:var(--space-4);}
.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-text-muted);transition:color var(--transition-interactive),background var(--transition-interactive);}
.theme-toggle:hover{color:var(--color-text);background:var(--color-surface-2);}
.header__burger{display:none;flex-direction:column;gap:5px;padding:var(--space-2);}
.header__burger span{display:block;width:22px;height:2px;background:var(--color-text);border-radius:2px;transition:transform 0.3s,opacity 0.3s;}
.header__burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.header__burger.active span:nth-child(2){opacity:0;}
.header__burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mobile-nav{position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:99;background:var(--color-bg);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.3s;}
.mobile-nav.active{opacity:1;pointer-events:all;}
.mobile-nav nav{display:flex;flex-direction:column;gap:var(--space-6);}
.mobile-nav a{font-size:var(--text-xl);font-family:var(--font-display);font-weight:600;color:var(--color-text);text-decoration:none;text-align:center;}
@media (max-width:768px){.header__nav,.header__actions .btn{display:none;}.header__burger{display:flex;}}
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:600;text-decoration:none;border-radius:var(--radius-lg);cursor:pointer;transition:background var(--transition-interactive),color var(--transition-interactive),box-shadow var(--transition-interactive),transform var(--transition-interactive),border-color var(--transition-interactive);}
.btn:hover{transform:translateY(-1px);}
.btn:active{transform:translateY(0);}
.btn--sm{padding:var(--space-2) var(--space-5);font-size:var(--text-sm);}
.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);}
.btn--primary{background:var(--color-primary);color:#fff;border:2px solid var(--color-primary);}
.btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-md);}
.btn--outline{background:transparent;color:var(--color-text);border:2px solid var(--color-border);}
.btn--outline:hover{border-color:var(--color-primary);color:var(--color-primary);}
.btn--full{width:100%;}
.section__inner{max-width:var(--content-wide);margin:0 auto;padding:clamp(var(--space-12),7vw,var(--space-24)) var(--space-6);}
.section__title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;text-align:center;margin-bottom:var(--space-12);color:var(--color-text);}
.hero{position:relative;min-height:80vh;max-width:var(--content-wide);margin:0 auto;padding:clamp(var(--space-16),10vw,var(--space-24)) var(--space-6);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background-image:url('./assets/hero.png');background-size:cover;background-position:center;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg);}
.hero::before{content:'';position:absolute;inset:0;background:var(--color-surface);opacity:0.85;z-index:0;}
.hero__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;}
.hero__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;line-height:1.1;margin-bottom:var(--space-6);color:var(--color-text);max-width:800px;text-align:center;}
.hero__subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-8);max-width:60ch;line-height:1.7;text-align:center;}
.hero__cta{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center;}
@media (max-width:860px){.hero{min-height:60vh;margin:var(--space-4);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-4);}}
.proof{background:var(--color-surface);border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);}
.proof__inner{max-width:var(--content-wide);margin:0 auto;padding:var(--space-8) var(--space-6);display:flex;align-items:center;justify-content:center;gap:var(--space-10);flex-wrap:wrap;}
.proof__stat{display:flex;flex-direction:column;align-items:center;text-align:center;}
.proof__number{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);color:var(--color-primary);}
.proof__label{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-1);}
.proof__divider{width:1px;height:40px;background:var(--color-divider);}
@media (max-width:600px){.proof__divider{display:none;}.proof__inner{gap:var(--space-6);}.proof__stat{flex:1 1 40%;}}
.compare{background:var(--color-bg);}
.compare__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);max-width:800px;margin:0 auto;}
.compare__col{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-6) var(--space-6);border:1px solid var(--color-divider);}
.compare__header{font-family:var(--font-display);font-weight:700;font-size:var(--text-lg);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--color-divider);}
.compare__col--before .compare__header{color:var(--color-error);}
.compare__col--after .compare__header{color:var(--color-success);}
.compare__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;font-size:var(--text-sm);color:var(--color-text);}
.compare__icon{flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:0.75rem;font-weight:700;}
.compare__icon--bad{background:oklch(from var(--color-error) l c h / 0.12);color:var(--color-error);}
.compare__icon--good{background:oklch(from var(--color-success) l c h / 0.12);color:var(--color-success);}
@media (max-width:600px){.compare__grid{grid-template-columns:1fr;}}
.steps{background:var(--color-surface);}
.steps__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);}
.steps__card{text-align:center;padding:var(--space-8) var(--space-6);border-radius:var(--radius-xl);background:var(--color-bg);border:1px solid var(--color-divider);position:relative;}
.steps__num{position:absolute;top:var(--space-4);left:var(--space-4);width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-weight:700;font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;}
.steps__icon{width:56px;height:56px;margin:0 auto var(--space-4);color:var(--color-primary);}
.steps__card h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text);}
.steps__card p{font-size:var(--text-sm);color:var(--color-text-muted);max-width:32ch;margin:0 auto;}
@media (max-width:700px){.steps__grid{grid-template-columns:1fr;max-width:400px;margin:0 auto;}}
.features{background:var(--color-bg);}
.features__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);}
.features__card{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-xl);padding:var(--space-6);transition:box-shadow var(--transition-interactive),transform var(--transition-interactive),border-color var(--transition-interactive);}
.features__card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary);transform:translateY(-2px);}
.features__card-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-primary-light);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);}
.features__card-icon svg{width:24px;height:24px;color:var(--color-primary);}
.features__card h3{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-2);color:var(--color-text);}
.features__card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;}
@media (max-width:860px){.features__grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:500px){.features__grid{grid-template-columns:1fr;}}
.security{background:var(--color-surface);}
.security__box{background:linear-gradient(135deg,var(--color-primary-surface) 0%,var(--color-bg) 100%);border:1px solid var(--color-primary);border-radius:var(--radius-2xl);padding:clamp(var(--space-8),5vw,var(--space-16));text-align:center;max-width:800px;margin:0 auto;}
.security__icon-large{width:80px;height:80px;margin:0 auto var(--space-6);color:var(--color-primary);}
.security__icon-large svg{width:100%;height:100%;}
.security__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-4);color:var(--color-text);}
.security__text{font-size:var(--text-base);color:var(--color-text-muted);max-width:55ch;margin:0 auto var(--space-8);line-height:1.7;}
.security__badges{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap;}
.security__badge{padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--color-text);}
.pricing{background:var(--color-bg);}
.pricing__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);align-items:start;}
.pricing__card{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-6);position:relative;display:flex;flex-direction:column;}
.pricing__card--featured{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary),var(--shadow-lg);transform:scale(1.03);}
.pricing__badge-popular{position:absolute;top:calc(-1 * var(--space-3));left:50%;transform:translateX(-50%);background:var(--color-primary);color:#fff;padding:var(--space-1) var(--space-5);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;white-space:nowrap;}
.pricing__card-header{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-divider);}
.pricing__card-header h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2);color:var(--color-text);}
.pricing__price{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-text);}
.pricing__price span{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);}
.pricing__list{list-style:none;padding:0;margin-bottom:var(--space-8);flex-grow:1;}
.pricing__list li{padding:var(--space-3) 0;font-size:var(--text-sm);color:var(--color-text);border-bottom:1px solid var(--color-divider);display:flex;align-items:center;gap:var(--space-2);}
.pricing__list li::before{content:'✓';color:var(--color-success);font-weight:700;font-size:0.875rem;flex-shrink:0;}
.pricing__disabled{color:var(--color-text-faint) !important;text-decoration:line-through;}
.pricing__disabled::before{content:'—' !important;color:var(--color-text-faint) !important;}
.pricing__included::before{content:'✓' !important;color:var(--color-primary) !important;}
@media (max-width:860px){.pricing__grid{grid-template-columns:1fr;max-width:420px;margin:0 auto;}.pricing__card--featured{transform:none;}}
.faq{background:var(--color-surface);}
.faq__list{max-width:720px;margin:0 auto;}
.faq__item{border-bottom:1px solid var(--color-divider);}
.faq__item summary{padding:var(--space-5) 0;cursor:pointer;font-weight:600;font-size:var(--text-base);color:var(--color-text);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);user-select:none;}
.faq__item summary::after{content:'+';font-size:1.5rem;font-weight:300;color:var(--color-text-muted);flex-shrink:0;transition:transform 0.3s cubic-bezier(0.16,1,0.3,1);}
.faq__item[open] summary::after{transform:rotate(45deg);}
.faq__item summary::-webkit-details-marker{display:none;}
.faq__item p{padding:0 0 var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.7;max-width:60ch;}
.final-cta{background:var(--color-bg);}
.final-cta__box{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);border-radius:var(--radius-2xl);padding:clamp(var(--space-10),6vw,var(--space-20));text-align:center;}
.final-cta__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:#fff;margin-bottom:var(--space-8);}
.final-cta__box .btn{background:#fff;color:var(--color-primary);border-color:#fff;font-weight:700;}
.final-cta__box .btn:hover{background:rgba(255,255,255,0.9);box-shadow:var(--shadow-lg);}
.final-cta__note{color:rgba(255,255,255,0.8);font-size:var(--text-xs);margin-top:var(--space-4);}
.footer{background:var(--color-surface);border-top:1px solid var(--color-divider);}
.footer__inner{max-width:var(--content-wide);margin:0 auto;padding:var(--space-8) var(--space-6);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4);}
.footer__logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text);font-family:var(--font-display);font-weight:700;font-size:var(--text-base);}
.footer__logo svg,.footer__logo-svg{width:24px;height:24px;flex-shrink:0;}
.footer__copy{font-size:var(--text-xs);color:var(--color-text-faint);margin-top:var(--space-1);}
.footer__pplx{font-size:var(--text-xs);color:var(--color-text-faint);text-decoration:none;transition:color var(--transition-interactive);}
.footer__pplx:hover{color:var(--color-text-muted);}
.fade-in{opacity:1;}
@supports (animation-timeline:scroll()){.fade-in{opacity:0;animation:reveal-fade linear both;animation-timeline:view();animation-range:entry 0% entry 70%;}}
@keyframes reveal-fade{to{opacity:1;}}