:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#e8eefc;background:radial-gradient(circle at top,rgba(45,92,255,.22),transparent 0 35%),linear-gradient(180deg,#071120,#081427 45%,#0a1730);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg: #071120;--bg-soft: rgba(12, 24, 46, .76);--panel: rgba(15, 28, 54, .78);--panel-strong: rgba(16, 31, 60, .95);--border: rgba(124, 156, 255, .18);--border-strong: rgba(124, 156, 255, .3);--text: #e8eefc;--text-soft: #9fb1d1;--text-dim: #7e91b2;--primary: #4e7bff;--primary-strong: #6d93ff;--primary-soft: rgba(78, 123, 255, .16);--success: #7dd3fc;--shadow: 0 20px 60px rgba(0, 0, 0, .32);--radius-xl: 28px;--radius-lg: 20px;--radius-md: 14px;--container: 1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body,#root{margin:0;min-height:100%}body{min-width:320px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app-shell{min-height:100vh}.container{width:min(var(--container),calc(100% - 32px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060c18ad;border-bottom:1px solid rgba(124,156,255,.08)}.site-header__inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;min-height:78px}.site-header__brand{display:flex;align-items:center;gap:14px;min-width:0}.site-header__brand-mark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#4e7bff4d,#4e7bff14),#ffffff08;border:1px solid var(--border-strong);box-shadow:inset 0 1px #ffffff14;color:#fff;font-weight:700;letter-spacing:.04em;flex-shrink:0}.site-header__brand-text{display:flex;flex-direction:column;gap:2px;min-width:0}.site-header__brand-title{font-size:.98rem;font-weight:700;color:var(--text);white-space:nowrap}.site-header__brand-subtitle{font-size:.8rem;color:var(--text-dim);white-space:nowrap}.site-header__nav{display:none;align-items:center;justify-content:center;gap:22px;min-width:0}.site-header__nav-link{color:var(--text-soft);font-size:.95rem;transition:color .2s ease}.site-header__nav-link:hover{color:var(--text)}.site-header__actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.language-switcher{display:inline-flex;align-items:center;gap:6px;padding:5px;border-radius:999px;border:1px solid var(--border);background:#ffffff08}.language-switcher__button{border:0;background:transparent;color:var(--text-soft);min-width:40px;height:34px;padding:0 12px;border-radius:999px;transition:background .2s ease,color .2s ease,transform .2s ease}.language-switcher__button:hover{color:var(--text)}.language-switcher__button.is-active{background:#4e7bff2e;color:#fff;transform:translateY(-1px)}.button{border:1px solid transparent;border-radius:999px;min-height:48px;padding:0 18px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,color .2s ease;display:inline-flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap}.button:hover{transform:translateY(-1px)}.button--primary{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:#fff;box-shadow:0 12px 32px #4e7bff47}.button--primary:hover{box-shadow:0 16px 36px #4e7bff57}.button--secondary{background:#ffffff05;color:var(--text);border-color:var(--border)}.button--secondary:hover{border-color:var(--border-strong);background:#ffffff0d}.section{padding:88px 0}.section-heading{max-width:760px;margin-bottom:32px}.section-heading--center{margin-left:auto;margin-right:auto;text-align:center}.section-heading__eyebrow{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:#4e7bff1f;color:#a9c0ff;border:1px solid rgba(124,156,255,.16);font-size:.84rem;margin-bottom:14px}.section-heading__title{margin:0;font-size:clamp(2rem,5vw,3.2rem);line-height:1.04;letter-spacing:-.03em}.section-heading__description{margin:14px 0 0;color:var(--text-soft);font-size:1.02rem;max-width:720px}.hero{position:relative;padding:72px 0 92px;overflow:hidden}.hero__grid{display:grid;gap:32px;align-items:center}.hero__content,.hero__visual{position:relative;min-width:0}.hero__badge{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border-radius:999px;color:var(--success);background:#7dd3fc17;border:1px solid rgba(125,211,252,.16);font-size:.92rem;margin-bottom:18px}.hero__title{margin:0;font-size:clamp(2.5rem,8vw,5rem);line-height:.94;letter-spacing:-.045em;max-width:9.5ch;position:relative;z-index:2}.hero__title-accent{display:block;color:#8fb0ff}.hero__description{margin:22px 0 0;max-width:620px;color:var(--text-soft);font-size:clamp(1rem,2.6vw,1.15rem);line-height:1.65;position:relative;z-index:2}.hero__cta{display:flex;flex-direction:column;gap:12px;margin-top:30px;align-items:flex-start}.hero__proof-list{display:grid;gap:10px;margin-top:26px}.hero__proof-item{display:flex;align-items:center;gap:10px;color:var(--text-soft);font-size:.98rem}.hero__proof-dot{width:8px;height:8px;border-radius:999px;background:linear-gradient(135deg,#7dd3fc,#4e7bff);box-shadow:0 0 0 6px #4e7bff14}.hero-card{position:relative;border-radius:30px;overflow:hidden;background:linear-gradient(180deg,#ffffff08,#ffffff04),var(--panel);border:1px solid var(--border);box-shadow:0 30px 80px #00000061}.hero-card__glow{position:absolute;inset:-80px auto auto -80px;width:220px;height:220px;border-radius:999px;background:radial-gradient(circle,rgba(78,123,255,.2),transparent 68%);pointer-events:none}.hero-card{border-radius:var(--radius-xl);overflow:hidden}.hero-card__topbar{display:flex;align-items:center;gap:8px;padding:16px 18px;border-bottom:1px solid rgba(124,156,255,.12)}.hero-card__dot{width:10px;height:10px;border-radius:999px;background:#fff3}.hero-card__body{padding:20px}.hero-card__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hero-card__stat{padding:16px;border-radius:18px;background:#ffffff08;border:1px solid rgba(124,156,255,.12)}.hero-card__stat-label{color:var(--text-dim);font-size:.82rem;margin-bottom:8px}.hero-card__stat-value{color:#fff;font-size:1.35rem;font-weight:700}.hero-card__table{margin-top:16px;border-radius:18px;border:1px solid rgba(124,156,255,.12);overflow:hidden}.hero-card__row{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:12px;padding:14px 16px;background:#ffffff05}.hero-card__row+.hero-card__row{border-top:1px solid rgba(124,156,255,.08)}.hero-card__row--head{background:#4e7bff14;color:var(--text-soft);font-size:.86rem}.hero-card__row span:last-child{text-align:right}.hero-card__footer{display:flex;justify-content:space-between;gap:16px;margin-top:16px}.hero-card__status,.hero-card__summary{flex:1;padding:16px;border-radius:18px;background:#ffffff08;border:1px solid rgba(124,156,255,.12)}.hero-card__status-label,.hero-card__summary-label{color:var(--text-dim);font-size:.82rem;margin-bottom:8px}.hero-card__status-value,.hero-card__summary-value{color:#fff;font-weight:700}.compare-grid,.steps-grid,.benefits-grid,.audience-grid,.screens-grid,.testimonials-grid{display:grid;gap:20px}.compare-card,.step-card,.benefit-card{border-radius:24px;padding:24px;background:linear-gradient(180deg,#ffffff09,#ffffff05),#0e1b35e0;border:1px solid rgba(124,156,255,.14);box-shadow:0 18px 44px #0000003d}.audience-card{background:transparent;border:none;box-shadow:none;padding:0}.audience-card--group{padding:0;background:transparent;border:none;box-shadow:none}.audience-card__item{display:flex;align-items:center;gap:14px;min-height:80px;font-size:1rem}.audience-card__item--icon,.audience-card__item--number{background:linear-gradient(180deg,#ffffff08,#ffffff04),#12213eeb;border:1px solid rgba(124,156,255,.14);border-radius:18px}.audience-card__icon,.audience-card__number{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-weight:700;color:#dce7ff;background:#4e7bff24;border:1px solid rgba(124,156,255,.18)}.audience-card__number{font-size:.86rem;letter-spacing:.04em}.screen-card,.testimonial-card{border-radius:var(--radius-lg);padding:24px}.compare-card__title,.step-card__title{margin:0 0 14px;font-size:1.2rem;line-height:1.25}.benefit-card__title{margin:0 0 14px;font-size:1.2rem;line-height:1.2}.step-card,.benefit-card,.audience-card,.testimonial-card,.screen-card,.compare-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.step-card:hover,.benefit-card:hover,.audience-card:hover,.testimonial-card:hover,.screen-card:hover,.compare-card:hover{transform:translateY(-2px);border-color:#7c9cff38;box-shadow:0 24px 54px #00000047}.audience-card__title{margin-bottom:18px;padding-left:6px}.screen-card__title{margin:0 0 12px;font-size:1.2rem}.compare-card__list,.audience-card__list,.feature-highlight__list{display:grid;gap:12px}.compare-card__item,.audience-card__item,.feature-highlight__item{padding:14px 16px;border-radius:14px;color:var(--text-soft);background:#ffffff08;border:1px solid rgba(124,156,255,.1)}.compare-card--negative{border-color:#ff818129}.compare-card--positive{border-color:#7dd3fc38}.compare-card__badge{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;font-size:.82rem;font-weight:600;margin-bottom:18px}.compare-card__badge--negative{color:#ffb4b4;background:#ff787814;border:1px solid rgba(255,120,120,.16)}.compare-card__badge--positive{color:#9fd8ff;background:#7dd3fc14;border:1px solid rgba(125,211,252,.18)}.compare-card__intro{margin:0 0 20px;color:var(--text-soft);font-size:.98rem;line-height:1.65}.compare-card__item{display:flex;align-items:flex-start;gap:12px}.compare-card__icon{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:999px;margin-top:1px;font-size:.9rem;font-weight:700;flex-shrink:0}.compare-card__item--negative .compare-card__icon{color:#ffb4b4;background:#ff787814;border:1px solid rgba(255,120,120,.14)}.compare-card__item--positive .compare-card__icon{color:#9fd8ff;background:#7dd3fc14;border:1px solid rgba(125,211,252,.18)}.step-card__number{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;margin-bottom:18px;background:#4e7bff29;color:#fff;font-weight:700;font-size:1.05rem;border:1px solid rgba(124,156,255,.18)}.step-card__description,.benefit-card__description,.screen-card__description,.final-cta__description,.testimonial-card__role{color:var(--text-soft);line-height:1.65}.feature-highlight{border-radius:var(--radius-xl);padding:28px;display:grid;gap:22px}.mini-dashboard{display:grid;gap:14px}.mini-dashboard__card{padding:18px;border-radius:18px;background:#ffffff08;border:1px solid rgba(124,156,255,.12)}.mini-dashboard__label{color:var(--text-dim);font-size:.84rem;margin-bottom:8px}.mini-dashboard__value{font-size:1.35rem;font-weight:700;color:#fff}.screen-card__image{min-height:220px;border-radius:0 0 18px 18px;display:grid;place-items:center;background:linear-gradient(135deg,#4e7bff29,#7dd3fc14),#ffffff05;border-top:1px solid rgba(124,156,255,.1);overflow:hidden}.screen-card--framed{background:linear-gradient(180deg,#ffffff09,#ffffff05),#0e1b35e0;border:1px solid rgba(124,156,255,.14);box-shadow:0 18px 44px #0000003d}.screen-card__frame{border-radius:18px;overflow:hidden;border:1px solid rgba(124,156,255,.14);background:#0b162bd9;margin-bottom:18px}.screen-card__frame-topbar{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;background:#ffffff08;border-bottom:1px solid rgba(124,156,255,.1)}.screen-card__frame-dot{width:9px;height:9px;border-radius:999px;background:#ffffff38}.screen-card__real-image{display:block;width:100%;height:100%;min-height:220px;object-fit:cover}.screen-card__placeholder-wrap{display:grid;gap:8px;text-align:center;padding:24px}.screen-card__placeholder{color:#c1d3ff;font-weight:700;letter-spacing:.04em}.screen-card__placeholder-subtitle{color:var(--text-dim);font-size:.92rem;line-height:1.5;max-width:220px}.screen-card__label{width:42px;height:42px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:.85rem;font-weight:700;color:#dce7ff;background:#4e7bff24;border:1px solid rgba(124,156,255,.18)}.screen-card__body{display:block}.screen-card__placeholder{color:#c1d3ff;font-weight:600;letter-spacing:.04em}.testimonial-card__text{margin:0 0 22px;font-size:1rem;line-height:1.8;color:var(--text)}.testimonial-card__name{font-weight:700}.testimonial-card--framed{background:linear-gradient(180deg,#ffffff09,#ffffff05),#0e1b35e0;border:1px solid rgba(124,156,255,.14);box-shadow:0 18px 44px #0000003d}.testimonial-card__top{display:flex;align-items:center;gap:14px;margin-bottom:20px}.testimonial-card__avatar{width:56px;height:56px;border-radius:18px;display:grid;place-items:center;flex-shrink:0;font-weight:700;color:#fff;background:linear-gradient(135deg,#8b5cf673,#4e7bff3d),#ffffff0a;border:1px solid rgba(139,92,246,.2);overflow:hidden}.testimonial-card__avatar-image{width:100%;height:100%;object-fit:cover}.testimonial-card__summary-wrap{min-width:0}.testimonial-card__summary-label{font-size:.76rem;color:var(--text-dim);margin-bottom:4px;text-transform:uppercase;letter-spacing:.06em}.testimonial-card__summary{font-size:.98rem;font-weight:600;color:#dce7ff;line-height:1.45}.testimonial-card__meta{border-top:1px solid rgba(124,156,255,.12);padding-top:18px}.testimonial-card__company{margin-top:6px;color:#9fb6e6;font-size:.95rem}.final-cta{border-radius:var(--radius-xl);padding:28px;display:grid;gap:20px}.final-cta__eyebrow{color:#a9c0ff;font-size:.9rem;margin-bottom:8px}.final-cta__title{margin:0 0 12px;font-size:clamp(2rem,4vw,3rem);line-height:1.05}.site-footer{padding:28px 0 40px;border-top:1px solid rgba(124,156,255,.08)}.site-footer__inner{display:flex;flex-direction:column;gap:16px}.site-footer__brand{font-weight:700;margin-bottom:6px}.site-footer__text{color:var(--text-soft)}.site-footer__links a{color:#a9c0ff}@media(min-width:768px){.hero{padding:72px 0 96px}.hero__cta{flex-direction:row;align-items:center;flex-wrap:wrap}.steps-grid,.benefits-grid,.screens-grid,.testimonials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-highlight,.final-cta{grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);align-items:center}.site-footer__inner{flex-direction:row;justify-content:space-between;align-items:center}}@media(min-width:1024px){.site-header__nav{display:flex}.hero__grid{grid-template-columns:minmax(0,.94fr) minmax(480px,1.06fr);align-items:center;gap:40px}.compare-grid,.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.steps-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.benefits-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.screens-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.testimonials-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1023px){.site-header__inner{grid-template-columns:1fr;gap:14px;padding:14px 0}.site-header__nav{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:16px}}@media(max-width:767px){.section{padding:68px 0}.testimonial-card__top{align-items:flex-start}.step-card,.benefit-card{padding:20px;border-radius:22px}.audience-card__item{min-height:72px}.site-header__inner{min-height:auto}.site-header__brand-subtitle{display:none}.site-header__actions{width:100%;justify-content:space-between;flex-wrap:wrap}.site-header__actions .button{min-width:148px}.hero{padding:52px 0 72px}.hero-card__stats{grid-template-columns:1fr}.hero-card__footer{flex-direction:column}.hero-card__row{grid-template-columns:1.2fr .8fr .7fr;font-size:.92rem}}@media(max-width:520px){.container{width:min(var(--container),calc(100% - 20px))}.hero__title{max-width:100%}.testimonial-card__top{flex-direction:column;align-items:flex-start}.testimonial-card__avatar{width:52px;height:52px}.site-header__brand-title{font-size:.9rem}.language-switcher{gap:4px}.language-switcher__button{min-width:36px;padding:0 10px}.site-header__actions{align-items:stretch}.site-header__actions .button,.button,.hero__cta,.hero__cta .button{width:100%}.hero-card__row{grid-template-columns:1fr;gap:6px}.hero-card__row span:last-child{text-align:left}}
