:root { --ink:#101218; --muted:#68707c; --line:#dfe3e8; --blue:#2962ff; --lime:#c8ff3d; --paper:#f5f7f9; --font-manrope:Arial,sans-serif; --font-unbounded:Arial,sans-serif; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin:0; background:#fff; color:var(--ink); font-family:var(--font-manrope),sans-serif; }
a { color:inherit; text-decoration:none; }
button,a { -webkit-tap-highlight-color:transparent; }
.shell { width:min(1180px,calc(100% - 48px)); margin-inline:auto; }
.nav { height:86px; display:flex; align-items:center; border-bottom:1px solid var(--line); gap:36px; }
.brand { display:flex; align-items:center; gap:10px; font-family:var(--font-unbounded); font-size:14px; font-weight:800; letter-spacing:.04em; margin-right:auto; }
.brand-mark { display:grid; place-items:center; width:34px; height:34px; border-radius:9px; background:var(--ink); color:var(--lime); }
.nav-link { color:#555d68; font-size:14px; font-weight:700; }
.nav-button,.primary-button,.secondary-button { display:flex; align-items:center; justify-content:center; gap:14px; border-radius:12px; font-weight:800; transition:.2s ease; }
.nav-button { background:var(--ink); color:#fff; padding:13px 18px; font-size:13px; }
.nav-button:hover,.primary-button:hover,.secondary-button:hover { transform:translateY(-2px); box-shadow:0 12px 30px #10121818; }
.hero { min-height:690px; display:grid; grid-template-columns:1.03fr .97fr; gap:70px; align-items:center; padding-block:76px 88px; overflow:hidden; }
.eyebrow { display:flex; align-items:center; gap:10px; color:#4e5661; font-size:12px; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.eyebrow span { width:8px; height:8px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 5px #2962ff18; }
h1 { font-family:var(--font-unbounded); font-size:clamp(44px,5.4vw,72px); line-height:1.05; letter-spacing:-.055em; margin:22px 0 25px; }
h1 em { color:var(--blue); font-style:normal; }
.hero-lead { max-width:570px; font-size:18px; line-height:1.65; color:var(--muted); }
.hero-actions { display:flex; align-items:center; gap:22px; margin-top:34px; }
.hero-buttons { display:flex; align-items:center; gap:10px; }
.primary-button { background:var(--blue); color:#fff; padding:17px 23px; }
.secondary-button { border:1px solid #cbdcff; background:#edf3ff; color:#2352c8; padding:16px 21px; box-shadow:inset 0 0 0 1px #ffffff80; }
.secondary-button:hover { background:#e1ebff; border-color:#b7ceff; }
.free-note { color:#58606b; font-size:13px; font-weight:700; }
.free-note i { display:inline-grid; place-items:center; width:19px; height:19px; background:var(--lime); border-radius:50%; color:#111; font-style:normal; margin-right:7px; }
.search-visual { position:relative; min-height:530px; display:grid; place-items:center; }
.visual-glow { position:absolute; width:490px; height:490px; border-radius:50%; background:radial-gradient(circle,#dce7ff 0,#eff4ff 50%,transparent 72%); }
.result-preview { position:relative; z-index:2; width:390px; height:520px; overflow:hidden; border:1px solid #d9dee6; border-radius:25px; background:#fff; box-shadow:0 35px 80px #24375b22; transform:rotate(1.5deg); }
.preview-bar { height:46px; display:flex; align-items:center; gap:7px; padding:0 17px; border-bottom:1px solid #e9edf2; background:#f7f9fb; }
.preview-bar>span { width:7px; height:7px; border-radius:50%; background:#cbd1d9; }.preview-bar>span:first-child{background:var(--lime)}
.preview-bar strong { margin-left:auto; color:#747d88; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.result-preview img { display:block; width:100%; height:calc(100% - 46px); object-fit:cover; object-position:top; }
.preview-fade { position:absolute; inset:auto 0 0; height:110px; background:linear-gradient(transparent,#fff); pointer-events:none; }
.result-badge { position:absolute; right:0; bottom:62px; z-index:3; display:flex; align-items:center; gap:12px; padding:14px 17px; border:1px solid var(--line); border-radius:14px; background:#fff; box-shadow:0 15px 40px #1d2b461c; transform:rotate(4deg); }
.result-badge b { display:grid; place-items:center; width:43px; height:43px; border-radius:11px; background:var(--lime); font:800 13px var(--font-unbounded); }.result-badge span{color:#737b86;font-size:10px;line-height:1.35}.result-badge span::first-line{color:var(--ink);font-weight:800}
.bot-window { position:relative; width:335px; padding:20px; border:1px solid #d9dee6; border-radius:26px; background:#fff; box-shadow:0 35px 80px #24375b22; transform:rotate(2deg); z-index:2; }
.window-top { display:flex; align-items:center; gap:10px; border-bottom:1px solid #ebedf0; padding-bottom:15px; }
.bot-avatar { width:40px; height:40px; display:grid; place-items:center; border-radius:12px; background:var(--ink); color:var(--lime); font:800 16px var(--font-unbounded); }
.window-top div:nth-child(2) { display:flex; flex-direction:column; font-size:13px; }
.window-top span { color:#9097a1; font-size:10px; margin-top:2px; }
.online-dot { width:8px; height:8px; background:#43d879; border-radius:50%; margin-left:auto; }
.message { width:88%; margin-top:16px; padding:13px 14px; border-radius:14px; font-size:12px; line-height:1.45; }
.incoming { background:#f0f3f7; border-bottom-left-radius:4px; }
.outgoing { width:max-content; max-width:80%; margin-left:auto; color:#fff; background:var(--blue); border-bottom-right-radius:4px; }
.search-types { display:flex; flex-wrap:wrap; gap:5px; margin-top:10px; }
.search-types span { padding:5px 7px; border:1px solid #d5dbe4; background:#fff; border-radius:6px; color:#515964; font-size:9px; }
.result small { display:block; color:#37a864; font-size:8px; letter-spacing:.1em; font-weight:800; }
.result strong { display:block; margin:4px 0 11px; }
.result-line { border-top:1px solid #dfe3e8; padding-top:10px; color:#59616c; }
.result-line span { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--blue); margin-right:5px; }
.typing { display:flex; gap:4px; margin:17px 0 2px 6px; }
.typing span { width:5px; height:5px; border-radius:50%; background:#aab0b9; animation:pulse 1.3s infinite alternate; }
.typing span:nth-child(2){animation-delay:.2s}.typing span:nth-child(3){animation-delay:.4s}
@keyframes pulse { to{opacity:.25; transform:translateY(-2px)} }
.stat-card { position:absolute; z-index:3; display:flex; align-items:center; gap:11px; padding:12px 15px; background:#fff; border:1px solid var(--line); border-radius:13px; box-shadow:0 12px 35px #1d2b4619; }
.stat-card b { display:grid; place-items:center; width:31px; height:31px; border-radius:9px; background:var(--lime); }
.stat-card span { display:flex; flex-direction:column; color:#848b94; font-size:9px; }
.stat-card strong { color:var(--ink); font-size:11px; }
.stat-one { top:105px; left:5px; transform:rotate(-4deg); }.stat-two { right:0; bottom:100px; transform:rotate(4deg); }
.trust-strip { background:var(--ink); color:#fff; }
.trust-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.trust-grid div { display:flex; align-items:center; gap:17px; padding:27px 36px; border-right:1px solid #ffffff20; }
.trust-grid div:first-child{border-left:1px solid #ffffff20}.trust-grid strong{color:var(--lime);font:700 12px var(--font-unbounded)}.trust-grid span{font-size:13px;font-weight:700}
.services { padding-block:100px; }
.section-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:42px; }
.section-heading h2,.final-cta h2 { font:700 clamp(31px,4vw,48px)/1.12 var(--font-unbounded); letter-spacing:-.04em; margin:10px 0 0; }
.section-kicker { color:var(--blue); font-size:11px; letter-spacing:.16em; font-weight:800; }
.section-heading p { color:var(--muted); max-width:440px; line-height:1.65; font-size:14px; margin:0; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.service-card { min-height:310px; display:flex; flex-direction:column; padding:27px; border:1px solid var(--line); border-radius:17px; transition:.2s; }
.service-card:hover { transform:translateY(-5px); box-shadow:0 18px 50px #27345012; border-color:#cbd1d9; }
.service-number { color:#a5abb3; font:700 10px var(--font-unbounded); }.service-card h3{font:700 21px var(--font-unbounded);margin:28px 0 13px}.service-card p{color:var(--muted);font-size:14px;line-height:1.65;margin:0}.service-card a{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding:13px 15px;border:1px solid #d8e4ff;border-radius:10px;background:#f1f5ff;color:#2455cf;font-weight:800;font-size:13px;transition:.2s ease}.service-card a:hover{background:#e4edff;border-color:#bed1ff;transform:translateY(-1px)}.service-card a span{color:var(--blue);font-size:18px}
.final-cta { margin-bottom:72px; min-height:350px; display:flex; justify-content:space-between; align-items:center; gap:55px; padding:52px 62px; border-radius:25px; background:var(--blue); color:#fff; overflow:hidden; position:relative; }
.final-cta:after { content:"Ш"; position:absolute; right:18%; top:-115px; font:800 390px var(--font-unbounded); color:#ffffff08; transform:rotate(-8deg); }
.section-kicker.light { color:var(--lime); }.final-cta h2{font-size:clamp(29px,3.5vw,45px)}
.final-copy{position:relative;z-index:1;max-width:610px}.final-copy p{max-width:560px;margin:18px 0 20px;color:#dce6ff;font-size:14px;line-height:1.65}.final-tags{display:flex;gap:8px;flex-wrap:wrap}.final-tags span{padding:8px 11px;border:1px solid #ffffff2b;border-radius:999px;background:#ffffff12;font-size:10px;font-weight:800}
.final-action { z-index:1; flex:0 0 350px; padding:18px; border-radius:18px; background:#fff; color:var(--ink); display:grid; grid-template-columns:50px 1fr auto; grid-template-rows:auto auto; column-gap:13px; align-items:center; box-shadow:0 22px 55px #0b2b861f; }.telegram-mark{grid-row:1/3;display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#e9f0ff;color:var(--blue);font-size:22px;transform:rotate(-22deg)}.final-action>span{grid-column:2;font-size:10px;color:#7b828b}.final-action strong{grid-column:2;grid-row:2;font:800 14px var(--font-unbounded)}.final-action a{grid-column:3;grid-row:1/3;width:52px;height:52px;display:grid;place-items:center;background:var(--lime);border-radius:12px;font-size:22px}
footer { display:flex; align-items:center; min-height:110px; border-top:1px solid var(--line); color:#7a818b; font-size:12px; }footer .brand{color:var(--ink)}footer p{margin:auto}footer>span{font-weight:700}
@media (max-width:900px){.nav-link{display:none}.hero{grid-template-columns:1fr;gap:30px;padding-top:60px}.hero-copy{text-align:center}.eyebrow,.hero-actions{justify-content:center}.hero-lead{margin-inline:auto}.search-visual{min-height:500px}.section-heading{align-items:start;gap:35px}.service-grid{grid-template-columns:1fr}.service-card{min-height:260px}.final-cta{gap:40px}.stat-one{left:12%}.stat-two{right:10%}}
@media (max-width:620px){.shell{width:min(100% - 28px,1180px)}.nav{height:72px}.nav-button{padding:11px 13px}.nav-button span{display:none}.hero{padding-block:52px}.hero-copy{text-align:left}.eyebrow,.hero-actions{justify-content:flex-start}h1{font-size:39px}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:14px}.hero-buttons{width:100%;flex-direction:column}.primary-button,.secondary-button{width:100%}.search-visual{min-height:455px}.result-preview{width:290px;height:430px}.result-badge{right:0;bottom:35px}.trust-grid{grid-template-columns:1fr}.trust-grid div,.trust-grid div:first-child{border-left:0;border-right:0;border-bottom:1px solid #ffffff20}.services{padding-block:72px}.section-heading{display:block}.section-heading p{margin-top:20px}.final-cta{margin-bottom:45px;padding:40px 25px;display:block}.final-action{margin-top:30px;width:100%;grid-template-columns:44px 1fr auto}.telegram-mark{width:44px;height:44px}footer{flex-wrap:wrap;justify-content:space-between;padding-block:25px;gap:20px}footer p{order:3;width:100%;margin:0}.nav .brand{font-size:0}.nav .brand-mark{font-size:14px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}