:root{ --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)'/%3E%3C/svg%3E"); }
    *{ box-sizing:border-box; }
    body{ margin:0; background:#F5F4F1; color:#171717; font-family:"Onest","Segoe UI",system-ui,sans-serif; font-size:16px; line-height:1.5; -webkit-font-smoothing:antialiased; }
    a{ color:#171717; text-decoration:none; } a:hover{ color:#2F5BEA; }
    img{ display:block; max-width:100%; }
    h1,h2,h3{ margin:0; text-wrap:balance; }
    .w{ width:min(1200px, calc(100% - 40px)); margin:0 auto; }
    .h1{ font-weight:500; font-size:clamp(42px,5.4vw,72px); line-height:1.02; letter-spacing:-.035em; }
    .h2{ font-weight:500; font-size:clamp(28px,3.2vw,42px); line-height:1.08; letter-spacing:-.03em; }
    .sub{ font-size:clamp(16px,1.3vw,20px); color:#5C5C5C; line-height:1.5; }
    .eyebrow{ font-size:13px; color:#2F5BEA; font-weight:500; }
    .btn{ display:inline-flex; align-items:center; gap:9px; font:500 15px/1 "Onest",sans-serif; padding:16px 26px; border-radius:999px; background:#171717; color:#fff; border:1px solid #171717; cursor:pointer; transition:transform .18s ease, background .18s ease; }
    .btn:hover{ transform:translateY(-1px); background:#2A2A2A; color:#fff; }
    .btn.light{ background:#fff; color:#171717; border-color:#E2E0DB; } .btn.light:hover{ background:#fff; color:#171717; }
    .btn svg{ flex:0 0 auto; }
    .photo{ position:relative; border-radius:24px; overflow:hidden; background:#EDECE8; }
    .photo img{ width:100%; height:100%; object-fit:cover; }
    .grain::after{ content:""; position:absolute; inset:0; background-image:var(--grain); opacity:.22; mix-blend-mode:soft-light; pointer-events:none; border-radius:inherit; }

    /* навигация */
    .nav{ position:sticky; top:0; z-index:40; background:rgba(245,244,241,.86); backdrop-filter:blur(12px); }
    .nav .w{ display:flex; align-items:center; gap:28px; height:68px; }
    .logo{ display:flex; align-items:center; gap:9px; font-weight:600; font-size:19px; letter-spacing:-.02em; }
    .nav nav{ display:flex; gap:24px; font-size:14.5px; } .nav nav a{ color:#5C5C5C; } .nav nav a:hover{ color:#171717; }
    .nav .sp{ flex:1; } .nav .btn{ padding:11px 18px; font-size:14px; }

    /* хиро — голямо, просторно */
    .hero .w{ display:grid; grid-template-columns:1fr 1.05fr; gap:56px; align-items:center; padding:48px 0 36px; }
    .hero .h1{ margin-top:16px; max-width:12ch; }
    .hero .sub{ margin-top:22px; max-width:38ch; }
    .hero .cta{ display:flex; gap:10px; margin-top:34px; flex-wrap:wrap; }
    .hero .photo{ aspect-ratio:4/5; width:100%; max-height:720px; }
    .hero .photo img{ object-position:50% 28%; }
    .live{ position:absolute; top:20px; left:20px; display:flex; align-items:center; gap:8px; font-size:12.5px; font-weight:500; color:#fff; background:rgba(23,23,23,.55); backdrop-filter:blur(8px); padding:8px 12px 8px 10px; border-radius:999px; }
    .live i{ width:7px; height:7px; border-radius:50%; background:#7DE3A6; box-shadow:0 0 0 0 rgba(125,227,166,.7); animation:pulse 1.8s ease-out infinite; }
    @keyframes pulse{ to{ box-shadow:0 0 0 9px rgba(125,227,166,0);} }
    .bubbles{ position:absolute; left:20px; right:20px; bottom:20px; display:grid; gap:8px; }
    .bub{ max-width:78%; font-size:14.5px; line-height:1.4; padding:12px 16px; border-radius:16px; background:#fff; color:#171717; box-shadow:0 8px 24px -12px rgba(0,0,0,.35); }
    .bub.me{ justify-self:end; background:rgba(255,255,255,.35); color:#fff; backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,.35); text-shadow:0 1px 8px rgba(0,0,0,.25); }

    /* логата — движеща се лента, точно под снимката */
    .marq{ padding:18px 0 8px; }
    .marq .lbl{ text-align:center; font-size:12.5px; color:#8C8C8C; margin-bottom:14px; letter-spacing:.02em; }
    .marq .win{ overflow:hidden; -webkit-mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); mask-image:linear-gradient(90deg, transparent, #000 12%, #000 88%, transparent); }
    .marq .track{ display:flex; align-items:center; gap:72px; width:max-content; padding-right:72px; animation:marq 30s linear infinite; }
    .marq .win:hover .track{ animation-play-state:paused; }
    .marq img{ height:34px; width:auto; opacity:.55; filter:grayscale(1); }
    @keyframes marq{ to{ transform:translateX(-50%);} }

    /* услугите 2×2 */
    .offer{ padding:56px 0 30px; }
    .tiles{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; }
    .tile{ background:#EDECE8; border-radius:24px; padding:30px 30px 26px; min-height:220px; display:flex; flex-direction:column; justify-content:space-between; gap:22px; position:relative; transition:transform .18s ease; }
    .tile:hover{ transform:translateY(-2px); color:#171717; }
    .tile .ico{ width:48px; height:48px; border-radius:14px; background:#fff; display:grid; place-items:center; }
    .tile h3{ font-weight:500; font-size:23px; letter-spacing:-.025em; }
    .tile p{ margin:8px 0 0; font-size:16px; color:#5C5C5C; line-height:1.45; max-width:34ch; }
    .tile small{ display:inline-block; margin-left:8px; font-size:11px; color:#8C8C8C; font-weight:500; letter-spacing:.05em; vertical-align:middle; }
    .tile .arr{ position:absolute; right:26px; top:26px; width:38px; height:38px; border-radius:50%; border:1px solid #D9D7D1; display:grid; place-items:center; color:#171717; opacity:.55; transition:opacity .18s, transform .18s; }
    .tile:hover .arr{ opacity:1; transform:translate(2px,-2px); }

    /* говори като човек — една центрирана линия */
    .talk{ padding:120px 0 100px; text-align:center; }
    .talk .line{ display:flex; align-items:center; justify-content:center; gap:clamp(16px,2.6vw,36px); flex-wrap:wrap; }
    .talk .word{ font-family:"Prata","Georgia",serif; font-weight:400; font-size:clamp(46px,6.6vw,96px); line-height:1; letter-spacing:-.02em; white-space:nowrap; }
    .talk .tileimg{ width:clamp(110px,12vw,170px); aspect-ratio:1; border-radius:20px; overflow:hidden; box-shadow:0 30px 60px -30px rgba(0,0,0,.45); transition:transform .12s ease-out; }
    .talk .tileimg img{ width:100%; height:100%; object-fit:cover; }
    .talk .sub{ margin:30px auto 0; max-width:44ch; }

    /* отрасли */
    .ind{ padding:0 0 120px; }
    .ind .h2{ margin:10px 0 26px; max-width:18ch; }
    .strip{ display:flex; gap:12px; height:560px; }
    .strip .photo{ flex:1; cursor:pointer; transition:flex .55s cubic-bezier(.2,.7,.2,1); }
    .strip .photo.on{ flex:3.4; }
    .strip .photo img{ transition:transform .55s ease; }
    .strip .photo:hover img{ transform:scale(1.02); }
    .tag{ position:absolute; left:18px; top:18px; display:flex; flex-direction:column; gap:2px; color:#fff; z-index:2; text-shadow:0 1px 10px rgba(0,0,0,.35); }
    .tag b{ font-weight:500; font-size:15px; }
    .tag span{ font-size:13px; opacity:.85; }
    .strip .photo:not(.on) .tag span, .strip .photo:not(.on) .bubbles{ opacity:0; transition:opacity .2s; }
    .strip .photo.on .tag span, .strip .photo.on .bubbles{ opacity:1; transition:opacity .4s .25s; }
    .strip .photo:not(.on) .tag b{ writing-mode:vertical-rl; transform:rotate(180deg); margin-top:6px; }
    .strip .bubbles{ max-width:420px; }

    /* говори с агента */
    .agent{ padding:0 0 120px; }
    .agent .box{ background:#EDECE8; border-radius:24px; padding:44px; display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
    .fig{ position:relative; width:260px; height:260px; margin:0 auto; border-radius:78px; overflow:hidden; box-shadow:0 40px 70px -40px rgba(0,0,0,.5); transition:transform .3s ease; }
    .fig canvas{ width:100%; height:100%; display:block; }
    .fig.speaking{ animation:breathe 1.1s ease-in-out infinite; }
    @keyframes breathe{ 50%{ transform:scale(1.04);} }
    .figwrap{ text-align:center; }
    .status{ margin-top:18px; font-size:14px; color:#5C5C5C; min-height:20px; }
    .status b{ color:#171717; font-weight:500; }
    .agent .h2{ margin-top:10px; }
    .agent .sub{ margin-top:16px; max-width:40ch; }
    .agent .cta{ display:flex; gap:10px; margin-top:24px; flex-wrap:wrap; align-items:center; }
    .numin{ display:flex; gap:8px; margin-top:12px; max-width:420px; }
    .numin input{ flex:1; font:400 15px "Onest",sans-serif; padding:13px 16px; border:1px solid #E2E0DB; border-radius:999px; background:#fff; color:#171717; min-width:0; }
    .numin input::placeholder{ color:#8C8C8C; }
    .say{ margin-top:22px; padding:16px 18px; background:#fff; border-radius:16px; font-size:15px; line-height:1.45; min-height:78px; color:#171717; }
    .say .who{ display:block; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#8C8C8C; margin-bottom:6px; }

    /* калкулатор — касова бележка */
    .calc{ padding:0 0 120px; }
    .calc .w{ display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:start; }
    .calc .h2{ margin-top:10px; }
    .calc .sub{ margin-top:16px; max-width:40ch; }
    .seg{ display:flex; gap:6px; flex-wrap:wrap; }
    .seg button{ font:500 13.5px "Onest",sans-serif; padding:9px 14px; border-radius:999px; cursor:pointer; border:1px solid #E2E0DB; background:#fff; color:#5C5C5C; }
    .seg button.on{ background:#171717; color:#fff; border-color:#171717; }
    .controls{ margin-top:26px; background:#EDECE8; border-radius:20px; padding:22px 22px 8px; }
    .field{ display:grid; gap:8px; padding:12px 0; border-bottom:1px solid #DDDBD5; }
    .field:first-child{ padding-top:0; }
    .field:last-child{ border-bottom:0; }
    .field .lab{ display:flex; justify-content:space-between; font-size:14px; color:#5C5C5C; }
    .field .lab b{ font-weight:600; color:#171717; font-variant-numeric:tabular-nums; }
    .field input[type=range]{ width:100%; accent-color:#171717; height:26px; margin:0; }
    .rcwrap{ display:flex; justify-content:center; padding-top:8px; }
    .receipt{ position:relative; width:min(380px,100%); background:#FFFFFF; color:#1B1B1B; font-family:"IBM Plex Mono","Courier New",monospace; font-size:13px; line-height:1.5; padding:30px 26px 40px; transform:rotate(-1.2deg); box-shadow:0 30px 50px -30px rgba(0,0,0,.45), 0 2px 6px rgba(0,0,0,.06);
      -webkit-mask-image:radial-gradient(circle at 10px 100%, transparent 6px, #000 6.5px); -webkit-mask-size:20px 100%; -webkit-mask-repeat:repeat-x;
      mask-image:radial-gradient(circle at 10px 100%, transparent 6px, #000 6.5px); mask-size:20px 100%; mask-repeat:repeat-x; }
    .receipt::before{ content:""; position:absolute; inset:0; background-image:var(--grain); opacity:.12; mix-blend-mode:multiply; pointer-events:none; }
    .rc-head{ text-align:center; font-weight:600; letter-spacing:.18em; font-size:15px; }
    .rc-head small{ display:block; font-weight:400; letter-spacing:.04em; font-size:11.5px; color:#6B6B6B; margin-top:2px; }
    .rc-meta{ display:flex; justify-content:space-between; font-size:11.5px; color:#6B6B6B; margin-top:10px; }
    .rc-line{ border-top:1px dashed #BDBDBD; margin:12px 0; }
    .rc-row{ display:flex; justify-content:space-between; gap:12px; padding:2px 0; }
    .rc-row b{ font-weight:500; font-variant-numeric:tabular-nums; white-space:nowrap; }
    .rc-row.sum b{ font-weight:600; }
    .rc-row.total{ font-weight:600; font-size:15px; padding:6px 0; }
    .rc-row.total b{ font-size:22px; font-weight:600; }
    .rc-foot{ text-align:center; font-size:11.5px; color:#6B6B6B; margin-top:6px; }
    .barcode{ height:38px; margin:14px auto 0; width:78%; background:repeating-linear-gradient(90deg,#1B1B1B 0 2px,transparent 2px 4px,#1B1B1B 4px 5px,transparent 5px 8px,#1B1B1B 8px 11px,transparent 11px 13px); opacity:.85; }
    .rc-num{ text-align:center; font-size:11px; letter-spacing:.3em; color:#6B6B6B; margin-top:6px; }

    /* резултати — живи сфери */
    .res{ padding:0 0 120px; }
    .res .h2{ margin:10px 0 26px; }

    /* бенто — по-надолу */
    .bento{ padding:0 0 120px; }
    .bento .head{ display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:end; margin-bottom:26px; }
    .bento .head .sub{ max-width:44ch; justify-self:end; }
    .grid{ display:grid; grid-template-columns:2fr 1fr; gap:16px; }
    .card{ background:#EDECE8; border-radius:24px; padding:26px; position:relative; overflow:hidden; min-height:420px; display:flex; flex-direction:column; justify-content:flex-end; }
    .card .lbl{ font-size:14px; color:#8C8C8C; margin-bottom:6px; }
    .card .txt{ font-size:16.5px; line-height:1.45; max-width:36ch; }
    .card.big{ background:linear-gradient(135deg,#2F5BEA 0%,#6B4FE8 30%,#B45BC7 52%,#E05B9C 70%,#F09A5E 100%); color:#fff; }
    .card.big .lbl{ color:rgba(255,255,255,.75); }
    .card.big canvas{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
    .chat{ position:absolute; left:26px; top:26px; right:26px; display:grid; gap:9px; z-index:2; }
    .chat .bub{ box-shadow:0 10px 30px -16px rgba(0,0,0,.45); }
    .chat .bub.me{ background:rgba(255,255,255,.22); border-color:rgba(255,255,255,.45); }
    .chat .done{ display:inline-flex; align-items:center; gap:8px; font-weight:500; }
    .chat .done i{ width:18px; height:18px; border-radius:50%; background:#fff; display:inline-grid; place-items:center; }
    .chart{ position:absolute; left:26px; right:26px; top:26px; background:#fff; border-radius:16px; padding:16px 16px 12px; }
    .chart .k{ font-size:13px; color:#8C8C8C; }
    .chart .v{ font-weight:600; font-size:30px; letter-spacing:-.03em; margin:2px 0 8px; font-variant-numeric:tabular-nums; }
    .chart svg{ width:100%; height:auto; display:block; }
    .small3{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; margin-top:16px; }
    .small3 .card{ min-height:230px; }
    .card .ico{ width:44px; height:44px; border-radius:12px; background:#fff; display:grid; place-items:center; position:absolute; top:22px; left:22px; }

    /* стъпки — кратка среща → демо → реализация */
    .steps{ padding:0 0 120px; }
    .steps .h2{ margin:10px 0 26px; }
    /* без кутии: една линия, три точки, текст върху хартията */
    .srow{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:40px; border-top:1px solid #D4D2CC; margin-top:44px; padding-top:34px; }
    .step{ position:relative; padding-right:20px; }
    .step::before{ content:""; position:absolute; top:-40px; left:0; width:11px; height:11px; border-radius:50%; background:#F5F4F1; border:2px solid #171717; }
    .step.last::before{ background:#171717; }
    .step .meta{ display:flex; align-items:baseline; gap:12px; font-family:"IBM Plex Mono",monospace; font-size:13px; color:#8C8C8C; letter-spacing:.06em; }
    .step .meta b{ color:#171717; font-weight:500; }
    .step h3{ font-weight:500; font-size:26px; letter-spacing:-.025em; margin-top:14px; }
    .step p{ margin:10px 0 0; font-size:16px; color:#5C5C5C; line-height:1.5; max-width:30ch; }
    .trust{ display:flex; gap:10px 34px; flex-wrap:wrap; margin-top:54px; font-size:15px; color:#5C5C5C; }
    .trust div{ display:flex; align-items:center; gap:10px; }
    .trust b{ color:#171717; font-weight:500; }
    .trust i{ width:8px; height:8px; border-radius:50%; background:#7DBB6E; display:inline-block; flex:0 0 auto; }

    /* отзиви — цветни, без снимки на хора */
    .quotes{ padding:0 0 120px; }
    .quotes .head{ display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:26px; }
    .quotes .h2{ margin-top:10px; }
    .qgrid{ display:grid; grid-template-columns:1.25fr 1fr; grid-template-rows:auto auto; gap:16px; }
    .q{ position:relative; border-radius:24px; padding:32px; min-height:250px; display:flex; flex-direction:column; justify-content:space-between; gap:24px; color:#fff; overflow:hidden; isolation:isolate; }
    .q.big{ grid-row:1 / span 2; min-height:520px; padding:36px; }
    .q::before{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.30), rgba(0,0,0,0) 60%); z-index:-1; }
    .q.sunset{ background:linear-gradient(140deg,#F5C88B 0%,#F09A5E 40%,#E05B9C 100%); }
    .q.forest{ background:linear-gradient(140deg,#2F6F5B 0%,#7DBB6E 62%,#BFE07A 100%); }
    .q.ocean{ background:linear-gradient(140deg,#2C4EA8 0%,#3D7BE0 55%,#9DC8F2 100%); }
    .q .brand{ display:flex; align-items:center; gap:10px; min-height:32px; }
    .q .brand img{ height:28px; width:auto; }
    .q.big .brand img{ height:34px; }
    .q .brand span{ font-weight:600; font-size:17px; letter-spacing:-.01em; }
    .q blockquote{ margin:0; font-family:"Prata","Georgia",serif; font-size:21px; line-height:1.4; letter-spacing:-.005em; text-shadow:0 1px 10px rgba(0,0,0,.18); text-wrap:pretty; }
    .q.big blockquote{ font-size:clamp(24px,2.3vw,32px); max-width:22ch; }
    .q cite{ font-style:normal; font-size:13.5px; opacity:.85; }
    .q .draft{ position:absolute; top:22px; right:22px; font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:#171717; background:rgba(255,255,255,.85); padding:5px 9px; border-radius:999px; }

    /* повтарящи се призиви */
    .more{ display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; margin-top:26px; font-size:15px; color:#5C5C5C; }
    .rcwrap{ flex-direction:column; align-items:center; gap:22px; }

    /* въпроси */
    .faq{ padding:0 0 120px; }
    .faq .w{ display:grid; grid-template-columns:1fr 1.5fr; gap:48px; align-items:start; }
    .faq .h2{ margin-top:10px; }
    .faq .sub{ margin-top:16px; max-width:34ch; }
    .qa{ border-top:1px solid #E2E0DB; }
    .qa button{ width:100%; display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px 0; background:none; border:0; border-bottom:1px solid #E2E0DB; font:400 18px "Onest",sans-serif; color:#171717; text-align:left; cursor:pointer; letter-spacing:-.01em; }
    .qa button span.pl{ width:28px; height:28px; border-radius:50%; border:1px solid #D9D7D1; display:grid; place-items:center; flex:0 0 auto; transition:transform .2s; }
    .qa.open button span.pl{ transform:rotate(45deg); background:#171717; border-color:#171717; color:#fff; }
    .qa .a{ display:none; padding:0 0 22px; font-size:15.5px; color:#5C5C5C; line-height:1.55; max-width:60ch; }
    .qa.open .a{ display:block; }

    /* футър */
    footer{ padding:48px 0 40px; border-top:1px solid #E2E0DB; font-size:14px; color:#5C5C5C; }
    footer .cols{ display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:32px; }
    footer h4{ margin:0 0 12px; font-size:12px; letter-spacing:.1em; text-transform:uppercase; color:#8C8C8C; font-weight:600; }
    footer ul{ list-style:none; margin:0; padding:0; display:grid; gap:8px; }
    footer a{ color:#5C5C5C; } footer a:hover{ color:#171717; }
    footer .tag{ margin:10px 0 0; max-width:30ch; }
    footer .bottom{ display:flex; gap:20px; flex-wrap:wrap; justify-content:space-between; margin-top:32px; padding-top:18px; border-top:1px solid #E2E0DB; font-size:13px; color:#8C8C8C; }

    /* „страници“ в един артборд: началната и телефонните агенти */
    .pg{ display:none; } .pg.on{ display:block; }
    .crumb{ display:flex; gap:10px; font-size:13.5px; color:#8C8C8C; padding-top:22px; }
    .crumb a{ color:#5C5C5C; } .crumb a:hover{ color:#171717; }

    /* телефонни агенти — хиро с жив разговор */
    .phero .w{ display:block; }
    .phero .h1{ margin-top:16px; max-width:13ch; font-size:clamp(40px,4.8vw,64px); }
    .phero .sub{ margin-top:20px; max-width:40ch; }
    .phero .cta{ display:flex; gap:10px; margin-top:32px; flex-wrap:wrap; }
    .phero .proof{ display:flex; gap:26px; flex-wrap:wrap; margin-top:40px; font-size:13.5px; color:#8C8C8C; }
    .phero .proof b{ color:#171717; font-weight:600; font-variant-numeric:tabular-nums; }
    .callcard{ background:#fff; border:1px solid #E2E0DB; border-radius:24px; padding:22px 22px 20px; box-shadow:0 40px 70px -50px rgba(0,0,0,.45); min-height:520px; display:flex; flex-direction:column; }
    .cc-top{ display:flex; align-items:center; gap:10px; font-size:13px; color:#5C5C5C; }
    .cc-top i{ width:8px; height:8px; border-radius:50%; background:#7DBB6E; }
    .cc-top i.busy{ background:#F09A5E; box-shadow:0 0 0 0 rgba(240,154,94,.6); animation:pulse 1.4s ease-out infinite; }
    .cc-tm{ margin-left:auto; font-family:"IBM Plex Mono",monospace; font-variant-numeric:tabular-nums; color:#8C8C8C; }
    .cc-wave{ display:flex; align-items:flex-end; gap:2px; height:28px; margin:16px 0 14px; }
    .cc-wave i{ flex:1; background:#2F5BEA; border-radius:1px; height:12%; opacity:.35; transition:height .1s; }
    .cc-lines{ display:grid; gap:9px; align-content:start; flex:1; }
    .cc-lines .bub{ max-width:86%; animation:rise .35s ease both; }
    .cc-lines .bub.c{ justify-self:end; background:#EDECE8; }
    @keyframes rise{ from{ opacity:.001; transform:translateY(6px);} to{ opacity:1; transform:none;} }
    .cc-actions{ display:grid; gap:6px; margin-top:14px; min-height:24px; }
    .act{ display:inline-flex; align-items:center; gap:9px; justify-self:start; font-size:13px; font-weight:500; color:#171717; background:#E9F3EC; border:1px solid #CFE6D6; padding:7px 12px 7px 9px; border-radius:999px; animation:rise .35s ease both; }
    .act i{ width:16px; height:16px; border-radius:50%; background:#7DBB6E; display:inline-grid; place-items:center; }
    .cc-hint{ font-size:12.5px; color:#8C8C8C; margin-top:12px; text-align:center; }

    .band{ padding:10px 0 110px; }
    .band .photo{ aspect-ratio:21/9; min-height:380px; }
    .band .photo::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.55), rgba(0,0,0,0) 55%); pointer-events:none; }
    .band .cap{ position:absolute; left:28px; bottom:26px; right:28px; z-index:2; color:#fff; font-size:clamp(20px,2vw,28px); font-weight:500; letter-spacing:-.02em; max-width:26ch; text-shadow:0 1px 12px rgba(0,0,0,.35); }

    .io{ padding:0 0 110px; }
    .io .h2{ margin:10px 0 26px; }
    .iogrid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
    .iocard{ position:relative; border-radius:24px; overflow:hidden; min-height:560px; background:#EDECE8; }
    .iocard img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
    .iocard::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.72) 0%, rgba(0,0,0,.2) 45%, rgba(0,0,0,0) 65%); }
    .iocard .in{ position:absolute; left:26px; right:26px; bottom:26px; z-index:2; color:#fff; text-shadow:0 1px 10px rgba(0,0,0,.35); }
    .iocard .lbl{ font-size:13px; opacity:.8; }
    .iocard h3{ font-weight:500; font-size:30px; letter-spacing:-.025em; margin-top:6px; }
    .iocard ul{ list-style:none; margin:14px 0 0; padding:0; display:grid; gap:6px; font-size:15px; }
    .iocard li{ display:flex; gap:10px; align-items:center; } .iocard li::before{ content:""; width:6px; height:6px; border-radius:50%; background:#fff; opacity:.8; flex:0 0 auto; }
    .iocard .bubbles{ bottom:auto; top:22px; }

    .acts{ padding:0 0 110px; }
    .acts .h2{ margin:10px 0 8px; }
    .actgrid{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:34px 40px; border-top:1px solid #D4D2CC; margin-top:34px; padding-top:34px; }
    .actitem .ico{ width:44px; height:44px; border-radius:12px; background:#EDECE8; display:grid; place-items:center; }
    .actitem h3{ font-weight:500; font-size:20px; letter-spacing:-.02em; margin-top:16px; }
    .actitem p{ margin:6px 0 0; font-size:15px; color:#5C5C5C; line-height:1.45; max-width:30ch; }

    .human{ padding:0 0 110px; }
    .human .w{ display:grid; grid-template-columns:1fr 1fr; gap:56px; align-items:center; }
    .human .photo{ aspect-ratio:4/3; }
    .human .list{ list-style:none; margin:30px 0 0; padding:0; display:grid; gap:22px; }
    .human .list li{ display:grid; grid-template-columns:36px 1fr; gap:14px; align-items:start; }
    .human .list i{ width:36px; height:36px; border-radius:50%; background:#EDECE8; display:grid; place-items:center; }
    .human .list b{ display:block; font-weight:500; font-size:18px; letter-spacing:-.015em; }
    .human .list span{ font-size:15px; color:#5C5C5C; }

    .dash{ padding:0 0 110px; }
    .dash .w{ display:grid; grid-template-columns:1fr 1.25fr; gap:56px; align-items:center; }
    .dash .nums{ display:flex; gap:34px; flex-wrap:wrap; margin-top:30px; }
    .dash .nums b{ display:block; font-weight:600; font-size:34px; letter-spacing:-.03em; font-variant-numeric:tabular-nums; line-height:1; }
    .dash .nums span{ font-size:13.5px; color:#5C5C5C; }
    .dashcard{ background:#fff; border:1px solid #E2E0DB; border-radius:22px; padding:20px 20px 12px; box-shadow:0 40px 70px -50px rgba(0,0,0,.45); }
    .dashcard .dh{ display:flex; justify-content:space-between; align-items:center; font-size:13px; color:#8C8C8C; padding-bottom:12px; border-bottom:1px solid #EEEDE9; }
    .dashcard .dh b{ color:#171717; font-weight:500; font-size:15px; }
    .drow{ display:grid; grid-template-columns:52px 1fr auto 44px; gap:14px; align-items:center; padding:12px 0; border-bottom:1px solid #EEEDE9; font-size:14px; }
    .drow:last-child{ border-bottom:0; }
    .drow .t{ font-family:"IBM Plex Mono",monospace; font-size:12.5px; color:#8C8C8C; }
    .drow .who{ color:#171717; } .drow .who small{ display:block; color:#8C8C8C; font-size:12.5px; }
    .pill{ font-size:12px; font-weight:500; padding:5px 10px; border-radius:999px; background:#E9F3EC; color:#1F6B3A; white-space:nowrap; }
    .pill.b{ background:#E7EDFB; color:#2447A8; } .pill.o{ background:#FBEBDD; color:#9A4E12; } .pill.g{ background:#EDECE8; color:#5C5C5C; }
    .drow .pl{ width:32px; height:32px; border-radius:50%; background:#171717; display:grid; place-items:center; justify-self:end; }

    .integ{ padding:0 0 110px; text-align:center; }
    .integ .chips{ display:flex; flex-wrap:wrap; justify-content:center; gap:10px; margin-top:26px; }
    .integ .chips span{ font-size:14px; padding:10px 16px; border-radius:999px; background:#fff; border:1px solid #E2E0DB; color:#5C5C5C; }

    .price{ padding:0 0 110px; }
    .price .box{ border-top:1px solid #D4D2CC; border-bottom:1px solid #D4D2CC; padding:34px 0; display:grid; grid-template-columns:1fr auto; gap:30px; align-items:center; }
    .price .big{ font-weight:600; font-size:clamp(30px,3.4vw,44px); letter-spacing:-.03em; line-height:1.05; }
    .price .big small{ font-size:16px; font-weight:400; color:#5C5C5C; letter-spacing:0; margin-left:6px; }
    .price .line{ margin-top:10px; font-size:15px; color:#5C5C5C; }
    .price .cta{ display:flex; gap:10px; flex-wrap:wrap; }

    .pcta{ padding:0 0 60px; }
    .pcta .dark{ background:#171717; color:#fff; border-radius:24px; padding:56px; display:grid; grid-template-columns:1.3fr 1fr; gap:40px; align-items:center; position:relative; overflow:hidden; }
    .pcta .dark::before{ content:""; position:absolute; right:-120px; top:-120px; width:420px; height:420px; border-radius:50%; background:radial-gradient(circle at 35% 35%, rgba(240,154,94,.55), rgba(224,91,156,.25) 45%, rgba(47,91,234,0) 70%); filter:blur(10px); }
    .pcta .h2{ position:relative; }
    .pcta .sub{ color:rgba(255,255,255,.72); position:relative; margin-top:14px; }
    .pcta .cta{ display:flex; gap:10px; flex-wrap:wrap; position:relative; justify-self:end; }
    .pcta .btn{ background:#fff; color:#171717; border-color:#fff; }
    .pcta .btn.light{ background:transparent; color:#fff; border-color:rgba(255,255,255,.35); }

    /* автоматизации — една верига с движеща се точка */
    .flowwrap{ padding:0 0 110px; }
    .flowwrap .h2{ margin:10px 0 8px; }
    .flow{ position:relative; display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:14px; margin-top:44px; padding-top:34px; }
    .flow::before{ content:""; position:absolute; left:10%; right:10%; top:18px; height:1px; background:#D4D2CC; }
    .flow .fdot{ position:absolute; top:14px; width:9px; height:9px; border-radius:50%; background:#2F5BEA; box-shadow:0 0 0 4px rgba(47,91,234,.15); animation:travel 7s linear infinite; }
    @keyframes travel{ from{ left:10%; } to{ left:90%; } }
    .fnode{ position:relative; text-align:center; padding:0 8px; }
    .fnode i{ position:absolute; top:-21px; left:50%; transform:translateX(-50%); width:11px; height:11px; border-radius:50%; background:#F5F4F1; border:2px solid #171717; }
    .fnode.end i{ background:#171717; }
    .fnode b{ display:block; font-weight:500; font-size:16px; letter-spacing:-.01em; }
    .fnode span{ display:block; font-size:13.5px; color:#5C5C5C; margin-top:4px; }
    @media (max-width:960px){ .flow{ grid-template-columns:1fr; gap:26px; padding-top:0; } .flow::before, .flow .fdot, .fnode i{ display:none; } .fnode{ text-align:left; padding:0; } }

    /* чатботове — каналите върху една снимка */
    .chan{ padding:0 0 110px; }
    .chan .h2{ margin:10px 0 26px; }
    .chan .photo{ aspect-ratio:21/9; min-height:420px; }
    .chan .photo::after{ content:""; position:absolute; inset:0; background:linear-gradient(to right, rgba(0,0,0,.28), rgba(0,0,0,0) 45%, rgba(0,0,0,.28)); pointer-events:none; }
    .fl{ position:absolute; z-index:2; width:min(300px, 42%); background:#fff; border-radius:16px; padding:12px 14px; box-shadow:0 14px 34px -18px rgba(0,0,0,.45); font-size:14px; line-height:1.4; animation:rise .5s ease both; }
    .fl small{ display:block; font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:#8C8C8C; margin-bottom:4px; }
    .fl.me{ background:rgba(255,255,255,.35); color:#fff; backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,.35); text-shadow:0 1px 8px rgba(0,0,0,.25); }
    .fl.me small{ color:rgba(255,255,255,.85); }
    .fl.a{ left:24px; top:24px; } .fl.b{ left:24px; bottom:24px; animation-delay:.2s; }
    .fl.c{ right:24px; top:24px; animation-delay:.1s; } .fl.d{ right:24px; bottom:24px; animation-delay:.3s; }
    .case .steps3{ list-style:none; margin:24px 0 0; padding:0; display:grid; gap:14px; }
    .case .steps3 li{ display:grid; grid-template-columns:28px 1fr; gap:12px; font-size:15.5px; color:#5C5C5C; }
    .case .steps3 b{ font-family:"IBM Plex Mono",monospace; font-size:12.5px; color:#8C8C8C; padding-top:3px; }

    @media (max-width:960px){
      .fl{ position:static; width:auto; margin:10px; }
      .chan .photo{ display:flex; flex-direction:column; justify-content:flex-end; }
      .iogrid, .human .w, .dash .w, .price .box, .pcta .dark{ grid-template-columns:1fr; }
      .phgrid{ grid-template-columns:1fr !important; }
      .actgrid{ grid-template-columns:1fr 1fr; }
      .iocard{ min-height:420px; }
    }

    /* екип */
    .team{ padding:0 0 60px; }
    .team .photo{ aspect-ratio:21/9; min-height:360px; }
    .team .photo::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(0,0,0,.62) 0%, rgba(0,0,0,.25) 38%, rgba(0,0,0,0) 62%); pointer-events:none; }
    .team .over{ position:absolute; left:26px; right:26px; bottom:26px; z-index:2; display:flex; align-items:flex-end; justify-content:space-between; gap:20px; color:#fff; text-shadow:0 1px 12px rgba(0,0,0,.35); }
    .team .over .h2{ max-width:14ch; }
    .team .over .btn{ background:#fff; color:#171717; border-color:#fff; }

    /* видео върху снимка — снимката остава като плакат, видеото се показва щом тръгне */
    .photo .vid, .tileimg .vid{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .9s ease; pointer-events:none; }
    .photo .vid.ready, .tileimg .vid.ready{ opacity:1; }
    .hero .photo .vid{ object-position:50% 28%; }
    .talk .tileimg{ position:relative; }

    /* блог */
    .bhero{ padding:0 0 26px; }
    .bhero .eyebrow{ margin-top:22px; }
    .bhero .h1{ margin-top:16px; max-width:16ch; font-size:clamp(40px,4.8vw,64px); }
    .bhero .sub{ margin-top:18px; max-width:46ch; }
    .bfilters{ display:flex; gap:8px; flex-wrap:wrap; margin-top:30px; }
    .bfilters button{ font:500 13.5px "Onest",sans-serif; padding:10px 16px; border-radius:999px; cursor:pointer; border:1px solid #E2E0DB; background:#fff; color:#5C5C5C; }
    .bfilters button.on{ background:#171717; color:#fff; border-color:#171717; }
    .blist{ padding:22px 0 110px; }
    .bfeat{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-bottom:16px; }
    .bgrid{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; }
    .bcard{ display:flex; flex-direction:column; background:#EDECE8; border-radius:24px; overflow:hidden; color:#171717; transition:transform .18s ease; }
    .bcard:hover{ transform:translateY(-3px); color:#171717; }
    .bcover{ position:relative; aspect-ratio:16/10; overflow:hidden; }
    .bfeat .bcover{ aspect-ratio:16/9; }
    .bcover .k, .pcover .k{ position:absolute; left:20px; top:18px; font-family:"IBM Plex Mono",monospace; font-size:12px; letter-spacing:.06em; color:rgba(23,23,23,.72); z-index:2; }
    .bcover .n, .pcover .n{ position:absolute; right:20px; bottom:8px; font-family:"Prata",serif; font-size:96px; line-height:1; color:rgba(255,255,255,.5); z-index:2; letter-spacing:-.04em; }
    .pcover .n{ font-size:150px; bottom:14px; }
    .bbody{ padding:22px 24px 24px; display:flex; flex-direction:column; gap:10px; flex:1; }
    .bbody h3{ font-weight:500; font-size:20px; letter-spacing:-.02em; line-height:1.25; }
    .bfeat .bbody h3{ font-family:"Prata","Georgia",serif; font-weight:400; font-size:clamp(22px,2vw,28px); letter-spacing:-.01em; }
    .bbody p{ margin:0; font-size:14.5px; color:#5C5C5C; line-height:1.5; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
    .bmeta{ margin-top:auto; display:flex; gap:14px; font-size:12.5px; color:#8C8C8C; padding-top:6px; }
    .bempty{ grid-column:1 / -1; padding:40px; text-align:center; color:#8C8C8C; }
    /* цветни корици — без снимки, всяка статия получава своя измивка */
    .wash{ background:#EDECE8; }
    .wash.w0{ background:radial-gradient(at 22% 28%, #F09A5E 0, rgba(240,154,94,0) 58%), radial-gradient(at 82% 74%, #E05B9C 0, rgba(224,91,156,0) 55%), #F5C88B; }
    .wash.w1{ background:radial-gradient(at 24% 72%, #7DBB6E 0, rgba(125,187,110,0) 58%), radial-gradient(at 80% 24%, #3ECFA0 0, rgba(62,207,160,0) 55%), #BFE07A; }
    .wash.w2{ background:radial-gradient(at 72% 30%, #3D7BE0 0, rgba(61,123,224,0) 58%), radial-gradient(at 18% 82%, #2F5BEA 0, rgba(47,91,234,0) 55%), #9DC8F2; }
    .wash.w3{ background:radial-gradient(at 28% 30%, #B45BC7 0, rgba(180,91,199,0) 58%), radial-gradient(at 82% 78%, #E05B9C 0, rgba(224,91,156,0) 55%), #C6B4EA; }
    .wash.w4{ background:radial-gradient(at 70% 68%, #F0D66A 0, rgba(240,214,106,0) 58%), radial-gradient(at 24% 24%, #F09A5E 0, rgba(240,154,94,0) 55%), #EBD88F; }

    /* статия */
    .post{ padding:0 0 80px; }
    .post .nw{ width:min(760px, calc(100% - 40px)); margin:0 auto; }
    .pmeta{ display:flex; gap:14px; align-items:center; flex-wrap:wrap; margin-top:28px; font-size:13.5px; color:#8C8C8C; }
    .pmeta .cat{ font-size:12px; font-weight:500; padding:6px 11px; border-radius:999px; background:#EDECE8; color:#171717; }
    .ptitle{ margin-top:18px; font-size:clamp(34px,4vw,54px); max-width:none; }
    .post .sub{ margin-top:18px; }
    .pcover{ margin-top:34px; aspect-ratio:21/9; border-radius:24px; overflow:hidden; position:relative; }
    .pbody{ margin-top:40px; font-size:17.5px; line-height:1.65; color:#2A2A2A; }
    .pbody h2{ font-weight:500; font-size:28px; letter-spacing:-.025em; line-height:1.15; margin:44px 0 14px; color:#171717; }
    .pbody h3{ font-weight:500; font-size:21px; letter-spacing:-.02em; margin:30px 0 10px; color:#171717; }
    .pbody p{ margin:0 0 18px; }
    .pbody ul, .pbody ol{ margin:0 0 18px; padding-left:22px; } .pbody li{ margin:6px 0; }
    .pbody hr{ border:0; border-top:1px solid #E2E0DB; margin:34px 0; }
    .pbody hr + h2{ margin-top:0; }
    .pbody > p:first-child em{ display:block; font-family:"Prata","Georgia",serif; font-style:normal; font-size:21px; line-height:1.4; color:#171717; }
    .pbody a{ color:#2F5BEA; text-decoration:underline; text-underline-offset:3px; }
    .pbody blockquote{ margin:0 0 18px; padding:4px 0 4px 20px; border-left:2px solid #171717; font-family:"Prata","Georgia",serif; font-size:21px; line-height:1.4; color:#171717; }
    .pbody strong{ font-weight:600; color:#171717; }
    .pbody em{ color:#5C5C5C; }
    .pbody code{ font-family:"IBM Plex Mono",monospace; font-size:.9em; background:#EDECE8; padding:2px 6px; border-radius:6px; }
    .pbox{ margin-top:46px; background:#EDECE8; border-radius:24px; padding:30px; display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; }
    .pbox b{ display:block; font-weight:500; font-size:22px; letter-spacing:-.02em; } .pbox span{ font-size:15px; color:#5C5C5C; }
    .prel{ padding:0 0 110px; } .prel .h2{ margin:10px 0 26px; }

    /* контакт — въпросите на порции */
    .contact{ padding:0 0 110px; }
    .cgrid{ display:grid; grid-template-columns:1fr 1.15fr; gap:56px; align-items:start; padding-top:22px; }
    .contact .h1{ margin-top:16px; max-width:12ch; font-size:clamp(40px,4.8vw,64px); }
    .contact .sub{ margin-top:18px; max-width:36ch; }
    .cinfo{ margin-top:36px; display:grid; gap:16px; font-size:15px; color:#5C5C5C; line-height:1.4; }
    .cinfo div{ display:flex; gap:14px; align-items:center; }
    .cinfo i{ width:40px; height:40px; border-radius:50%; background:#EDECE8; display:grid; place-items:center; flex:0 0 auto; }
    .cinfo b{ color:#171717; font-weight:500; }
    .cinfo a{ color:#2F5BEA; }
    .ccard{ background:#fff; border:1px solid #E2E0DB; border-radius:24px; padding:26px 28px 24px; box-shadow:0 40px 70px -50px rgba(0,0,0,.35); position:relative; }
    .ctabs{ display:flex; gap:4px; background:#EDECE8; border-radius:999px; padding:4px; width:max-content; }
    .ctabs button{ font:500 14px "Onest",sans-serif; padding:10px 18px; border-radius:999px; border:0; background:transparent; color:#5C5C5C; cursor:pointer; transition:background .15s; }
    .ctabs button.on{ background:#171717; color:#fff; }
    .cprog{ display:flex; align-items:center; gap:14px; margin:26px 0 22px; }
    .cprog .bar{ flex:1; height:2px; background:#E2E0DB; position:relative; border-radius:2px; overflow:hidden; }
    .cprog .bar i{ position:absolute; left:0; top:0; bottom:0; background:#171717; transition:width .35s ease; }
    .cprog span{ font-family:"IBM Plex Mono",monospace; font-size:12.5px; color:#8C8C8C; letter-spacing:.06em; white-space:nowrap; }
    .cstep{ display:none; animation:rise .35s ease both; } .cstep.on{ display:block; }
    .cstep h3{ font-weight:500; font-size:24px; letter-spacing:-.025em; }
    .cstep .hint{ margin:6px 0 0; font-size:14.5px; color:#8C8C8C; }
    .fields{ display:grid; gap:14px; margin-top:20px; }
    .fields.two{ grid-template-columns:1fr 1fr; }
    .fields .fields{ margin-top:0; }
    .f{ display:grid; gap:6px; align-content:start; }
    .f label{ font-size:13px; color:#5C5C5C; }
    .f input, .f select, .f textarea{ font:400 15.5px "Onest",sans-serif; padding:13px 16px; border:1px solid #E2E0DB; border-radius:14px; background:#FBFAF8; color:#171717; width:100%; min-width:0; outline:0; transition:border-color .15s, box-shadow .15s; -webkit-appearance:none; appearance:none; }
    .f select{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23171717' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 16px center; padding-right:38px; }
    .f input:focus, .f select:focus, .f textarea:focus{ border-color:#171717; background:#fff; box-shadow:0 0 0 3px rgba(23,23,23,.06); }
    .f input::placeholder, .f textarea::placeholder{ color:#A5A39E; }
    .f textarea{ min-height:130px; resize:vertical; }
    .f .err{ display:none; font-size:12.5px; color:#B8434F; }
    .f.bad input, .f.bad select, .f.bad textarea{ border-color:#B8434F; } .f.bad .err{ display:block; }
    .chips{ display:flex; gap:8px; flex-wrap:wrap; }
    .chips button{ font:500 13.5px "Onest",sans-serif; padding:10px 14px; border-radius:999px; cursor:pointer; border:1px solid #E2E0DB; background:#fff; color:#5C5C5C; }
    .chips button.on{ background:#171717; color:#fff; border-color:#171717; }
    .cnav{ display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:26px; padding-top:20px; border-top:1px solid #EEEDE9; }
    .cnav .ghost{ background:none; border:0; font:500 14.5px "Onest",sans-serif; color:#5C5C5C; cursor:pointer; padding:10px 4px; }
    .cnav .ghost:hover{ color:#171717; }
    .cnav .note{ font-size:12.5px; color:#8C8C8C; text-align:center; }
    .cal{ display:grid; grid-template-columns:1.1fr 1fr; gap:24px; margin-top:20px; }
    .calhead{ display:flex; justify-content:space-between; align-items:center; font-weight:500; font-size:15px; margin-bottom:10px; text-transform:capitalize; }
    .calhead button{ width:30px; height:30px; border-radius:50%; border:1px solid #E2E0DB; background:#fff; cursor:pointer; display:grid; place-items:center; color:#171717; font-size:16px; line-height:1; }
    .calhead button:disabled{ opacity:.3; cursor:default; }
    .caldays{ display:grid; grid-template-columns:repeat(7,1fr); gap:4px; text-align:center; }
    .caldays .dn{ font-size:11.5px; color:#8C8C8C; padding:6px 0; letter-spacing:.04em; }
    .caldays button{ aspect-ratio:1; border-radius:50%; border:0; background:transparent; font:400 14px "Onest",sans-serif; color:#171717; cursor:pointer; }
    .caldays button:hover{ background:#EDECE8; }
    .caldays button:disabled{ color:#C9C7C1; cursor:default; background:none; }
    .caldays button.on{ background:#171717; color:#fff; }
    .slotlbl{ font-size:13px; color:#5C5C5C; margin-bottom:10px; min-height:18px; }
    .slots{ display:grid; grid-template-columns:repeat(3,1fr); gap:8px; align-content:start; max-height:262px; overflow:auto; padding-right:4px; }
    .slots button{ font:500 13.5px "IBM Plex Mono",monospace; padding:10px 8px; border-radius:12px; border:1px solid #E2E0DB; background:#fff; color:#171717; cursor:pointer; }
    .slots button.on{ background:#171717; color:#fff; border-color:#171717; }
    .slots .ph{ grid-column:1 / -1; font-size:14px; color:#8C8C8C; padding:10px 0; line-height:1.45; }
    .werr{ display:none; font-size:12.5px; color:#B8434F; margin-top:12px; }
    .sum{ background:#EDECE8; border-radius:16px; padding:16px 18px; font-size:14.5px; display:grid; gap:6px; margin-top:18px; }
    .sum div{ display:flex; justify-content:space-between; gap:16px; } .sum span{ color:#8C8C8C; flex:0 0 auto; } .sum b{ font-weight:500; text-align:right; }
    .cdone{ display:none; text-align:center; padding:30px 10px; } .cdone.on{ display:block; animation:rise .4s ease both; }
    .cdone .ok{ width:64px; height:64px; border-radius:50%; background:#E9F3EC; display:grid; place-items:center; margin:0 auto 18px; }
    .cdone h3{ font-weight:500; font-size:26px; letter-spacing:-.025em; } .cdone p{ color:#5C5C5C; font-size:15.5px; max-width:38ch; margin:10px auto 0; line-height:1.5; }
    @media (max-width:960px){ .cgrid, .bfeat, .cal, .fields.two{ grid-template-columns:1fr; } .bgrid{ grid-template-columns:1fr 1fr; } .bcover .n{ font-size:72px; } }
    @media (max-width:640px){ .bgrid{ grid-template-columns:1fr; } .ccard{ padding:20px 18px; } .pbox{ padding:24px; } }

    /* автоматизации — търсачка + библиотека */
    .finder{ padding:0 0 110px; }
    .finder .head{ text-align:center; max-width:62ch; margin:0 auto 30px; }
    .finder .head .h2{ margin-top:10px; }
    .finder .head .sub{ margin:14px auto 0; max-width:48ch; }
    .fcard{ background:#EDECE8; border-radius:24px; padding:34px 36px 32px; }
    .fsum{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; font-family:"IBM Plex Mono",monospace; font-size:12.5px; letter-spacing:.06em; color:#8C8C8C; min-height:20px; margin-bottom:24px; }
    .fsum i{ font-style:normal; } .fsum b{ color:#171717; font-weight:500; }
    .fq{ display:none; padding:22px 0 4px; border-top:1px solid #DDDBD5; animation:rise .35s ease both; }
    .fq.on{ display:block; }
    .fq[data-q="dept"]{ border-top:0; padding-top:0; }
    .fq .ql{ display:flex; align-items:baseline; gap:12px; margin-bottom:14px; }
    .fq .ql b{ font-family:"IBM Plex Mono",monospace; font-size:12.5px; color:#8C8C8C; letter-spacing:.06em; font-weight:500; }
    .fq .ql span{ font-size:19px; font-weight:500; letter-spacing:-.02em; }
    .fq .chips button{ padding:11px 16px; font-size:14px; }
    .fq .go{ display:flex; align-items:center; gap:14px; margin-top:20px; flex-wrap:wrap; }
    .fq .go .note{ font-size:13px; color:#8C8C8C; }
    .fq .go .btn:disabled{ opacity:.35; cursor:default; transform:none; }
    .fres{ display:none; padding-top:26px; margin-top:22px; border-top:1px solid #DDDBD5; animation:rise .4s ease both; }
    .fres.on{ display:block; }
    .fres .rh{ display:flex; justify-content:space-between; align-items:baseline; gap:20px; flex-wrap:wrap; margin-bottom:16px; }
    .fres .rh h3{ font-size:22px; font-weight:500; letter-spacing:-.02em; }
    .fres .rh h3 small{ display:block; font-size:13.5px; color:#8C8C8C; font-weight:400; margin-top:4px; letter-spacing:0; }
    .fres .rh button{ background:none; border:0; font:500 14px "Onest",sans-serif; color:#5C5C5C; cursor:pointer; padding:6px 0; }
    .fres .rh button:hover{ color:#171717; }
    .agrid{ display:grid; grid-template-columns:1fr 1fr; gap:14px; align-items:start; }
    .acard{ background:#fff; border-radius:20px; padding:22px 22px 16px; display:flex; flex-direction:column; gap:10px; border:1px solid #E6E4DE; animation:rise .35s ease both; }
    .fres .acard{ border-color:transparent; }
    .acard .rank{ align-self:flex-start; font-size:11px; letter-spacing:.06em; text-transform:uppercase; font-weight:600; color:#1F6B3A; background:#E9F3EC; padding:5px 9px; border-radius:999px; }
    .acard h3{ font-weight:500; font-size:18px; letter-spacing:-.02em; line-height:1.3; }
    .acard p{ margin:0; font-size:14.5px; color:#5C5C5C; line-height:1.45; }
    .acard .sys{ display:flex; gap:6px; flex-wrap:wrap; }
    .acard .sys span{ font-size:12px; padding:5px 9px; border-radius:999px; background:#F5F4F1; color:#8C8C8C; border:1px solid #EEEDE9; }
    .acard .sys span.hit{ background:#171717; color:#fff; border-color:#171717; }
    .abtns{ display:flex; align-items:center; gap:14px; margin-top:auto; padding-top:6px; }
    .abtns .ghost{ background:none; border:0; font:500 14px "Onest",sans-serif; color:#171717; cursor:pointer; padding:8px 0; display:inline-flex; gap:8px; align-items:center; }
    .abtns .ghost i{ width:20px; height:20px; border-radius:50%; border:1px solid #D9D7D1; display:inline-grid; place-items:center; font-style:normal; font-size:15px; line-height:1; transition:transform .2s, background .2s; }
    .acard.open .abtns .ghost i{ transform:rotate(45deg); background:#171717; color:#fff; border-color:#171717; }
    .abtns .btn{ padding:10px 16px; font-size:13.5px; margin-left:auto; }
    .adet{ display:none; border-top:1px solid #EEEDE9; padding-top:14px; gap:12px; }
    .acard.open .adet{ display:grid; animation:rise .3s ease both; }
    .adet .lbl{ font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#8C8C8C; font-weight:600; }
    .adet .trig{ display:flex; gap:9px; align-items:center; font-size:14.5px; } .adet .trig i{ width:8px; height:8px; border-radius:50%; background:#2F5BEA; flex:0 0 auto; box-shadow:0 0 0 4px rgba(47,91,234,.15); }
    .adet ol{ margin:0; padding:0; list-style:none; display:grid; gap:7px; }
    .adet ol li{ display:grid; grid-template-columns:24px 1fr; gap:8px; font-size:14px; color:#2A2A2A; align-items:start; }
    .adet ol li b{ font-family:"IBM Plex Mono",monospace; font-size:11.5px; color:#8C8C8C; padding-top:2px; font-weight:500; }
    .adet .res{ display:flex; gap:9px; align-items:center; font-size:14.5px; } .adet .res i{ width:16px; height:16px; border-radius:50%; background:#7DBB6E; display:inline-grid; place-items:center; flex:0 0 auto; }
    .lib{ padding:0 0 110px; }
    .lib .h2{ margin:10px 0 8px; } .lib .sub{ max-width:48ch; }
    .lib .seg{ margin:24px 0 16px; }
    @media (max-width:960px){ .agrid{ grid-template-columns:1fr; } .fcard{ padding:24px 20px; } }
    /* меню „Услуги“ — падащ панел с четирите услуги */
    .dd{ position:relative; display:flex; align-items:center; }
    .nav nav .ddb{ display:inline-flex; align-items:center; gap:6px; }
    .ddb svg{ opacity:.65; transition:transform .2s ease; }
    .dd:hover .ddb{ color:#171717; } .dd:hover .ddb svg{ transform:rotate(180deg); opacity:1; }
    .ddm{ position:absolute; top:100%; left:-16px; padding-top:12px; opacity:0; visibility:hidden; transform:translateY(-6px); transition:opacity .18s ease, transform .18s ease, visibility .18s; }
    .dd:hover .ddm, .dd:focus-within .ddm{ opacity:1; visibility:visible; transform:none; }
    .dd.shut .ddm{ opacity:0; visibility:hidden; transform:translateY(-6px); }
    .ddw{ width:600px; background:#fff; border:1px solid #E6E4DF; border-radius:22px; padding:10px; box-shadow:0 20px 56px rgba(23,23,23,.11); display:grid; grid-template-columns:1fr 1fr; gap:2px; }
    .nav nav .ddw a{ display:flex; align-items:flex-start; gap:12px; padding:14px 14px 15px; border-radius:15px; color:#171717; transition:background .16s ease; }
    .nav nav .ddw a:hover{ background:#F5F4F1; }
    .ddw .i{ flex:0 0 auto; width:36px; height:36px; border-radius:11px; background:#EDECE8; display:grid; place-items:center; }
    .ddw b{ display:block; font-weight:500; font-size:15px; letter-spacing:-.015em; }
    .ddw em{ display:block; margin-top:3px; font-size:13px; line-height:1.4; color:#8C8C8C; font-style:normal; }
    @media (max-width:1040px){ .ddw{ width:420px; grid-template-columns:1fr; } .ddw em{ display:none; } .nav nav .ddw a{ padding:11px 12px; align-items:center; } }
    /* дашбордът (#dash) */
    #page-dash{ min-height:100vh; background:#FEFEFE; }
    body.dash-on header.nav, body.dash-on footer{ display:none; }
    /* v14: резултати — броячите (.tick) и часовникът (#rclock) живеят в v14.js; самите числа от v17 са .nb (виж v17.css) */

    /* v14: дашбордът на началната — табове + екран в рамка на прозорец */
    .show{ padding:0 0 120px; }
    .show .head{ display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:end; }
    .show .head .sub{ max-width:46ch; justify-self:end; }
    .show .tabs{ display:flex; gap:6px; flex-wrap:wrap; margin-top:30px; align-items:center; }
    .show .tabs button{ font:500 14px "Onest",sans-serif; padding:10px 16px; border-radius:999px; cursor:pointer; border:1px solid #E2E0DB; background:#fff; color:#5C5C5C; transition:background .18s, color .18s; }
    .show .tabs button:hover{ color:#171717; }
    .show .tabs button.on{ background:#171717; color:#fff; border-color:#171717; }
    .show .tabs .note{ margin-left:auto; font-size:14px; color:#5C5C5C; }
    .stage{ position:relative; margin-top:18px; padding:36px 44px 0; border-radius:28px; background:#EDECE8; overflow:hidden; }
    .stage::before{ content:""; position:absolute; left:-10%; right:-10%; top:-30%; height:70%; background:radial-gradient(ellipse at 28% 50%, rgba(127,178,240,.5), rgba(127,178,240,0) 60%), radial-gradient(ellipse at 76% 40%, rgba(240,154,94,.38), rgba(240,154,94,0) 60%); filter:blur(28px); pointer-events:none; }
    .frame{ max-width:900px; margin:0 auto; position:relative; background:#fff; border:1px solid #E2E0DB; border-bottom:0; border-radius:18px 18px 0 0; overflow:hidden; box-shadow:0 60px 100px -50px rgba(0,0,0,.45), 0 2px 8px rgba(0,0,0,.05); }
    .frame .bar, .shotcard .bar{ height:40px; display:flex; align-items:center; gap:7px; padding:0 16px; border-bottom:1px solid #EEEDE9; background:#FAFAF8; }
    .frame .bar i, .shotcard .bar i{ width:10px; height:10px; border-radius:50%; background:#E2E0DB; }
    .frame .bar span, .shotcard .bar span{ margin:0 auto; transform:translateX(-24px); font-family:"IBM Plex Mono",monospace; font-size:12px; color:#8C8C8C; background:#F0EFEB; padding:5px 14px; border-radius:999px; }
    .frame .scr{ position:relative; aspect-ratio:1168/872; background:#F5F4F1; }
    .frame .scr img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top; opacity:0; transform:scale(1.015); transition:opacity .4s ease, transform .7s ease; }
    .frame .scr img.on{ opacity:1; transform:none; }
    .show .feats{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:34px 40px; margin-top:34px; padding-top:30px; border-top:1px solid #D4D2CC; }
    .show .feats b{ display:block; font-weight:500; font-size:18px; letter-spacing:-.015em; }
    .show .feats span{ display:block; font-size:15px; color:#5C5C5C; margin-top:6px; max-width:32ch; }
    .show .more{ margin-top:30px; }
    /* v14: истински екрани на подстраниците (леко завъртени, изправят се при hover) */
    .shotcard{ position:relative; background:#fff; border:1px solid #E2E0DB; border-radius:22px; overflow:hidden; box-shadow:0 50px 90px -50px rgba(0,0,0,.5), 0 2px 8px rgba(0,0,0,.05); transform:perspective(1400px) rotateY(-6deg) rotateX(1.5deg); transition:transform .6s cubic-bezier(.2,.7,.2,1); }
    .shotcard:hover{ transform:perspective(1400px) rotateY(0) rotateX(0); }
    .shotcard .scr{ position:relative; background:#F5F4F1; aspect-ratio:1400/1500; overflow:hidden; }
    .shotcard .scr img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:top; }
    @media (max-width:960px){ .stats, .show .head, .show .feats{ grid-template-columns:1fr; } .show .head .sub{ justify-self:start; } .show .tabs .note{ display:none; } .stage{ padding:20px 20px 0; border-radius:20px; } .shotcard{ transform:none; } }
    /* ===== v17 (03.10): живи елементи по всички страници ===== */
    /* появяване при скрол: леко отдолу + лек blur; класът се маха след влизането, за да не пречи на hover-ите */
    .rv{ opacity:0; transform:translateY(22px); filter:blur(5px); transition:opacity .85s cubic-bezier(.16,1,.3,1), transform .85s cubic-bezier(.16,1,.3,1), filter .7s ease; transition-delay:var(--rd,0s); will-change:opacity, transform; }
    .rv.in{ opacity:1; transform:none; filter:none; }
    @media (prefers-reduced-motion:reduce){ .rv{ opacity:1; transform:none; filter:none; transition:none; } }

    /* бутоните: натискане, лек блясък по черните, сянка по светлите */
    .btn{ position:relative; overflow:hidden; transition:transform .3s cubic-bezier(.32,.72,0,1), background .25s ease, box-shadow .3s ease, border-color .25s ease; }
    .btn:active{ transform:scale(.97) !important; }
    .btn:not(.light)::after{ content:""; position:absolute; inset:0; background:linear-gradient(110deg, transparent 30%, rgba(255,255,255,.22) 50%, transparent 70%); transform:translateX(-130%); transition:transform .75s cubic-bezier(.2,.7,.2,1); pointer-events:none; }
    .btn:not(.light):hover::after{ transform:translateX(130%); }
    .btn.light:hover{ border-color:#C9C7C1; box-shadow:0 12px 26px -16px rgba(0,0,0,.35); }
    .btn > *{ position:relative; z-index:1; }

    /* v17d: навигацията е плаващ светъл „liquid glass“ остров с истинското лого */
    .nav{ background:transparent; backdrop-filter:none; padding:12px 0 0; }
    .nav .w{ height:58px; gap:24px; padding:0 8px 0 18px; border-radius:999px; background:rgba(255,255,255,.6); backdrop-filter:blur(22px) saturate(1.6); -webkit-backdrop-filter:blur(22px) saturate(1.6); border:1px solid rgba(255,255,255,.8); box-shadow:inset 0 1px 0 rgba(255,255,255,.9), inset 0 -1px 0 rgba(255,255,255,.35), 0 1px 2px rgba(23,23,23,.04), 0 12px 32px -20px rgba(23,23,23,.25), 0 0 0 1px rgba(23,23,23,.045); transition:box-shadow .35s ease, background .35s ease; }
    .nav.sc .w{ background:rgba(255,255,255,.7); box-shadow:inset 0 1px 0 rgba(255,255,255,.9), 0 1px 2px rgba(23,23,23,.05), 0 18px 40px -22px rgba(23,23,23,.35), 0 0 0 1px rgba(23,23,23,.06); }
    .nav .logo{ gap:10px; }
    .nav .lg{ height:30px; width:auto; display:block; }
    .nav nav{ gap:22px; } .nav nav > a, .nav nav .ddb{ font-weight:500; color:#3A3A3A; padding:8px 2px; }
    .nav .btn.light{ background:transparent; border-color:rgba(23,23,23,.14); } .nav .btn.light:hover{ background:rgba(255,255,255,.7); box-shadow:none; border-color:rgba(23,23,23,.3); }
    .nav .btn{ padding:11px 18px; white-space:nowrap; }
    @media (max-width:960px){ .nav{ padding:8px 0 0; } .nav .w{ height:54px; padding:0 6px 0 14px; gap:10px; } .nav .lg{ height:26px; } .nav .logo{ font-size:17px; gap:8px; } .nav .btn{ padding:10px 13px; font-size:13.5px; } }
    .navsent{ position:absolute; top:0; left:0; width:1px; height:1px; pointer-events:none; }
    .marq img{ transition:opacity .3s ease, filter .3s ease; }
    .marq img:hover{ opacity:1; filter:none; }

    /* прожектор под мишката върху плочките и картите */
    .tile, .fcard, .av{ --mx:50%; --my:50%; position:relative; isolation:isolate; }
    .tile::before, .fcard::before, .av::before{ content:""; position:absolute; inset:0; border-radius:inherit; z-index:-1; background:radial-gradient(300px circle at var(--mx) var(--my), rgba(47,91,234,.13), rgba(240,154,94,.06) 45%, transparent 70%); opacity:0; transition:opacity .4s ease; pointer-events:none; }
    .tile:hover::before, .fcard:hover::before, .av:hover::before{ opacity:1; }
    .tile .ico{ transition:transform .35s cubic-bezier(.34,1.56,.64,1), background .3s; }
    .tile:hover .ico{ transform:translateY(-2px) rotate(-6deg); }
    .iocard img{ transition:transform .9s cubic-bezier(.2,.7,.2,1); }
    .iocard:hover img{ transform:scale(1.04); }

    /* балончетата в снимките: пишещ индикатор, после текстът */
    .bub.hid{ opacity:0; transform:translateY(8px) scale(.96); }
    .bub.pop{ animation:bubin .55s cubic-bezier(.34,1.56,.64,1) both; }
    @keyframes bubin{ from{ opacity:0; transform:translateY(10px) scale(.92); } to{ opacity:1; transform:none; } }
    .bub .dots{ display:inline-flex; gap:4px; align-items:center; height:1.4em; vertical-align:middle; }
    .bub .dots b{ width:6px; height:6px; border-radius:50%; background:currentColor; opacity:.35; animation:dot 1s ease-in-out infinite; }
    .bub .dots b:nth-child(2){ animation-delay:.15s; } .bub .dots b:nth-child(3){ animation-delay:.3s; }
    @keyframes dot{ 50%{ opacity:1; transform:translateY(-2px); } }

    /* заглавията на подстраниците: дума по дума */
    .wd{ display:inline-block; opacity:0; filter:blur(8px); transform:translateY(.25em); transition:opacity .7s cubic-bezier(.16,1,.3,1), filter .7s ease, transform .7s cubic-bezier(.16,1,.3,1); transition-delay:var(--wd,0s); }
    .wd.in{ opacity:1; filter:none; transform:none; }

    /* стъпките: линията се рисува, точките светват една по една */
    .srow{ position:relative; }
    .srow::after{ content:""; position:absolute; left:0; top:-1px; height:1px; width:0; background:#171717; transition:width 1.7s cubic-bezier(.2,.7,.2,1) .1s; }
    .srow.in::after{ width:100%; }
    .step::before{ transform:scale(.3); opacity:0; transition:transform .5s cubic-bezier(.34,1.56,.64,1), opacity .3s ease; }
    .srow.in .step::before{ transform:none; opacity:1; }
    .srow.in .step:nth-child(1)::before{ transition-delay:.25s; } .srow.in .step:nth-child(2)::before{ transition-delay:.95s; } .srow.in .step:nth-child(3)::before{ transition-delay:1.65s; }

    /* потокът (автоматизации): възлите светват, когато точката мине през тях */
    .fnode i{ animation:fnode 7s linear infinite; animation-delay:calc(var(--k, 0) * 1.75s); }
    .fnode:nth-child(2) i{ --k:0; } .fnode:nth-child(3) i{ --k:1; } .fnode:nth-child(4) i{ --k:2; } .fnode:nth-child(5) i{ --k:3; } .fnode:nth-child(6) i{ --k:4; }
    @keyframes fnode{ 0%{ box-shadow:0 0 0 0 rgba(47,91,234,0); } 1%{ background:#2F5BEA; border-color:#2F5BEA; box-shadow:0 0 0 0 rgba(47,91,234,.45); } 9%{ box-shadow:0 0 0 10px rgba(47,91,234,0); } 14%, 100%{ background:#F5F4F1; border-color:#171717; box-shadow:0 0 0 0 rgba(47,91,234,0); } }
    .fnode.end i{ animation-name:fnode-end; }
    @keyframes fnode-end{ 0%{ box-shadow:0 0 0 0 rgba(47,91,234,0); } 1%{ background:#2F5BEA; border-color:#2F5BEA; box-shadow:0 0 0 0 rgba(47,91,234,.45); } 9%{ box-shadow:0 0 0 10px rgba(47,91,234,0); } 14%, 100%{ background:#171717; border-color:#171717; box-shadow:0 0 0 0 rgba(47,91,234,0); } }

    /* тъмният CTA: ореолът бавно се движи */
    .pcta .dark::before{ animation:glow 11s ease-in-out infinite alternate; }
    @keyframes glow{ to{ transform:translate(-70px,50px) scale(1.18); } }

    /* ---- начална: числата — три цветни сфери с цветовете от корицитe на блога ---- */
    .s-blue{ --wash:radial-gradient(at 72% 30%, #3D7BE0 0, rgba(61,123,224,0) 58%), radial-gradient(at 18% 82%, #2F5BEA 0, rgba(47,91,234,0) 55%), #9DC8F2; --sh:rgba(47,91,234,.5); }
    .s-sun{ --wash:radial-gradient(at 22% 28%, #F09A5E 0, rgba(240,154,94,0) 58%), radial-gradient(at 82% 74%, #E05B9C 0, rgba(224,91,156,0) 55%), #F5C88B; --sh:rgba(224,91,156,.45); }
    .s-green{ --wash:radial-gradient(at 24% 72%, #7DBB6E 0, rgba(125,187,110,0) 58%), radial-gradient(at 80% 24%, #3ECFA0 0, rgba(62,207,160,0) 55%), #BFE07A; --sh:rgba(62,207,160,.5); }
    .s-violet{ --wash:radial-gradient(at 28% 30%, #B45BC7 0, rgba(180,91,199,0) 58%), radial-gradient(at 82% 78%, #E05B9C 0, rgba(224,91,156,0) 55%), #C6B4EA; --sh:rgba(180,91,199,.45); }
    .sph3{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:24px; align-items:center; justify-items:center; margin-top:44px; padding:16px 0 10px; }
    .sph{ position:relative; width:min(100%, 296px); aspect-ratio:1; border-radius:50%; display:grid; place-items:center; text-align:center; color:#171717; isolation:isolate; box-shadow:0 50px 70px -36px var(--sh), 0 14px 30px -20px rgba(0,0,0,.35); animation:sphbob 7.5s ease-in-out infinite; animation-delay:var(--d); }
    .sph:nth-child(2){ width:min(100%, 328px); }
    .sph::before{ content:""; position:absolute; inset:0; border-radius:50%; background:var(--wash); }
    .sph::after{ content:""; position:absolute; inset:0; border-radius:50%; background:radial-gradient(circle at 30% 22%, rgba(255,255,255,.85), rgba(255,255,255,.25) 24%, rgba(255,255,255,0) 48%), radial-gradient(circle at 68% 88%, rgba(0,0,0,.16), rgba(0,0,0,0) 46%); }
    .sph-g{ position:absolute; inset:0; border-radius:50%; background-image:var(--grain); opacity:.2; mix-blend-mode:soft-light; z-index:1; pointer-events:none; }
    .sph-in{ position:relative; z-index:2; padding:0 30px; }
    .sph-in b{ display:block; font-weight:500; font-size:clamp(34px,3.4vw,48px); letter-spacing:-.045em; line-height:1; font-variant-numeric:tabular-nums; white-space:nowrap; }
    .sph-in b small{ font-size:.6em; font-weight:500; margin-left:4px; letter-spacing:-.02em; }
    .sph-in b small.pl{ margin:0 2px 0 0; font-size:.62em; color:rgba(23,23,23,.6); vertical-align:.08em; }
    .sph-in > span{ display:block; margin:12px auto 0; font-size:14.5px; line-height:1.35; max-width:19ch; color:rgba(23,23,23,.74); }
    .sph-note{ margin:26px 0 0; font-size:13.5px; color:#8C8C8C; text-align:center; }
    @keyframes sphbob{ 0%, 100%{ transform:translate(0, 0); } 25%{ transform:translate(4px, -7px); } 50%{ transform:translate(0, -12px); } 75%{ transform:translate(-4px, -5px); } }
    @media (max-width:960px){ .sph3{ grid-template-columns:1fr; gap:22px; } .sph, .sph:nth-child(2){ width:min(100%, 280px); } }
    @media (prefers-reduced-motion:reduce){ .sph{ animation:none; } }

    /* ---- начална: трите стъпки — спокойни плочки като „Услуги“, третата тъмна (резултатът) ---- */
    .st-head{ display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:end; }
    .st-head .h2{ margin-top:10px; }
    .st-head .sub{ max-width:40ch; justify-self:end; }
    .st3{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:16px; margin-top:34px; }
    .st{ position:relative; isolation:isolate; overflow:hidden; background:#EDECE8; border-radius:24px; padding:30px 30px 28px; min-height:250px; display:flex; flex-direction:column; justify-content:flex-end; transition:transform .25s cubic-bezier(.32,.72,0,1); --mx:50%; --my:50%; }
    .st:hover{ transform:translateY(-3px); }
    .st::before{ content:""; position:absolute; inset:0; border-radius:inherit; z-index:-1; background:radial-gradient(360px circle at var(--mx) var(--my), rgba(180,91,199,.28), rgba(224,91,156,.14) 40%, transparent 68%); opacity:0; transition:opacity .4s ease; pointer-events:none; }
    .st:hover::before{ opacity:1; }
    .st .n{ position:absolute; right:22px; top:6px; font-family:"Prata","Georgia",serif; font-size:118px; line-height:1; letter-spacing:-.04em; color:rgba(23,23,23,.07); pointer-events:none; }
    .st em{ display:flex; align-items:center; gap:8px; font-style:normal; font-family:"IBM Plex Mono",monospace; font-size:12.5px; letter-spacing:.05em; color:#8C8C8C; }
    .st b{ display:block; font-weight:500; font-size:24px; letter-spacing:-.025em; margin-top:10px; }
    .st p{ margin:8px 0 0; font-size:15.5px; color:#5C5C5C; line-height:1.5; max-width:30ch; }
    .st.dark{ background:radial-gradient(at 80% 15%, #6B8CF5 0, rgba(107,140,245,0) 55%), radial-gradient(at 15% 90%, #2447A8 0, rgba(36,71,168,0) 55%), #2F5BEA; color:#fff; }
    .st.dark .n{ color:rgba(255,255,255,.16); }
    .st.dark em{ color:rgba(255,255,255,.75); } .st.dark p{ color:rgba(255,255,255,.82); }
    .st.dark em i{ width:7px; height:7px; border-radius:50%; background:#7DE3A6; box-shadow:0 0 0 0 rgba(125,227,166,.7); animation:pulse 1.8s ease-out infinite; }
    .st.dark::before{ background:radial-gradient(360px circle at var(--mx) var(--my), rgba(224,91,156,.55), rgba(180,91,199,.25) 40%, transparent 68%); }
    .steps .trust{ margin-top:30px; }
    @media (max-width:960px){ .st-head{ grid-template-columns:1fr; gap:14px; } .st-head .sub{ justify-self:start; } .st3{ grid-template-columns:1fr; } .st{ min-height:0; padding:26px 24px 24px; } .st .n{ font-size:92px; } }
    @media (prefers-reduced-motion:reduce){ .st.dark em i{ animation:none; } }

    /* ---- телефонната страница: жива симулация на обаждане вместо видеото ---- */
    .cs{ position:relative; height:540px; border-radius:24px; background:#EDECE8; overflow:hidden; display:grid; place-items:center; isolation:isolate; }
    .cs-glow{ position:absolute; inset:-25%; background:radial-gradient(ellipse at 28% 22%, rgba(127,178,240,.6), rgba(127,178,240,0) 52%), radial-gradient(ellipse at 76% 82%, rgba(240,154,94,.5), rgba(240,154,94,0) 52%); filter:blur(34px); pointer-events:none; z-index:0; }
    .cs-card{ position:relative; z-index:1; width:min(330px, 86%); color:#171717; border-radius:30px; padding:18px 20px 18px; text-align:center; background:rgba(255,255,255,.58); backdrop-filter:blur(26px) saturate(1.5); -webkit-backdrop-filter:blur(26px) saturate(1.5); border:1px solid rgba(255,255,255,.85); box-shadow:inset 0 1px 0 rgba(255,255,255,.95), inset 0 -1px 0 rgba(255,255,255,.35), 0 40px 80px -36px rgba(47,91,234,.45), 0 24px 50px -30px rgba(240,154,94,.45), 0 0 0 1px rgba(23,23,23,.04); }
    .cs-top2{ display:flex; justify-content:space-between; align-items:center; font-size:12px; color:#5C5C5C; }
    .cs-tag{ display:inline-flex; align-items:center; gap:7px; padding:6px 11px 6px 9px; border-radius:999px; background:rgba(255,255,255,.7); border:1px solid rgba(255,255,255,.9); color:#171717; font-weight:500; }
    .cs-tag i{ width:7px; height:7px; border-radius:50%; background:#F09A5E; box-shadow:0 0 0 0 rgba(240,154,94,.6); animation:pulse 1.4s ease-out infinite; }
    .cs-live .cs-tag i{ background:#3CA07F; box-shadow:0 0 0 0 rgba(60,160,127,.6); }
    .cs-done .cs-tag i{ background:#C9C7C1; animation:none; box-shadow:none; }
    .cs-av2{ position:relative; width:76px; height:76px; margin:22px auto 0; border-radius:50%; display:grid; place-items:center; color:#fff; background:linear-gradient(135deg,#7FB2F0,#2F5BEA 55%,#6B4FE8); font-weight:600; font-size:20px; letter-spacing:.02em; box-shadow:0 18px 36px -14px rgba(47,91,234,.8); }
    .cs-av2 b{ position:relative; z-index:1; }
    .cs-ring{ position:absolute; inset:0; border-radius:50%; border:1.5px solid rgba(47,91,234,.7); opacity:0; }
    .cs-ringing .cs-ring{ animation:csring 1.6s cubic-bezier(.2,.6,.3,1) infinite; } .cs-ringing .cs-ring:nth-child(2){ animation-delay:.8s; }
    @keyframes csring{ 0%{ transform:scale(1); opacity:.7; } 100%{ transform:scale(2.1); opacity:0; } }
    .cs-name{ margin-top:14px; font-weight:500; font-size:19px; letter-spacing:-.015em; }
    .cs-num{ margin-top:3px; font-family:"IBM Plex Mono",monospace; font-size:12px; color:#8C8C8C; }
    .cs-wave{ display:flex; align-items:center; justify-content:center; gap:3px; height:36px; width:190px; margin:16px auto 14px; }
    .cs-wave i{ width:3px; height:100%; border-radius:2px; background:linear-gradient(180deg,#2F5BEA,#F09A5E); transform:scaleY(.1); transform-origin:center; transition:transform .4s ease; opacity:.9; }
    .cs-spk .cs-wave i{ animation:csbar .72s ease-in-out infinite alternate; animation-delay:calc(var(--i) * -.055s); }
    @keyframes csbar{ from{ transform:scaleY(.1); } to{ transform:scaleY(var(--h, .8)); } }
    .cs-cap{ min-height:76px; display:flex; flex-direction:column; justify-content:center; padding:0 6px; transition:opacity .22s ease, transform .22s ease; }
    .cs-cap.sw{ opacity:0; transform:translateY(5px); }
    .cs-cap em{ display:block; font-style:normal; font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:#8C8C8C; }
    .cs-cap.me em{ color:#2F5BEA; }
    .cs-cap p{ margin:6px 0 0; font-size:15px; line-height:1.4; color:#171717; text-wrap:balance; }
    .cs-foot2{ margin-top:12px; padding-top:12px; border-top:1px solid rgba(23,23,23,.08); font-size:12.5px; color:#5C5C5C; }
    .cs-tm{ font-family:"IBM Plex Mono",monospace; font-variant-numeric:tabular-nums; color:#8C8C8C; }
    .cs-live .cs-tm, .cs-done .cs-tm{ color:#171717; }
    .cs-chip{ position:absolute; z-index:2; display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:500; padding:8px 13px 8px 8px; border-radius:999px; background:#E9F3EC; color:#1F6B3A; box-shadow:0 14px 30px -14px rgba(0,0,0,.45), 0 0 0 1px rgba(255,255,255,.6) inset; opacity:0; transform:translateY(10px) scale(.9); transition:opacity .45s ease, transform .55s cubic-bezier(.34,1.56,.64,1); white-space:nowrap; }
    .cs-chip i{ width:20px; height:20px; border-radius:50%; background:#fff; display:grid; place-items:center; }
    .cs-chip.b{ background:#E7EDFB; color:#2447A8; } .cs-chip.o{ background:#FBEBDD; color:#9A4E12; }
    .cs-chip.on{ opacity:1; transform:none; }
    @media (max-width:600px){ .cs{ height:auto; padding:28px 14px 22px; display:flex; flex-wrap:wrap; justify-content:center; align-items:flex-start; gap:8px; } .cs-card{ flex:0 0 100%; width:100%; margin-bottom:8px; } .cs-chip{ position:static !important; } }
    @media (max-width:960px){ .cs{ height:470px; } .cs-card{ padding:18px 16px 14px; } .cs-cap{ min-height:66px; } .cs-chip{ font-size:12px; } }
    @media (prefers-reduced-motion:reduce){ .cs-ring, .cs-st i, .cs-spk .cs-wave i, .fnode i, .pcta .dark::before{ animation:none; } .cs-cap, .cs-chip, .wd, .srow::after, .step::before{ transition:none; } }

    /* ---- автоматизации: системите, свързани през Octupo (сигналите текат по линиите) ---- */
    .bm{ position:relative; width:min(820px, 100%); aspect-ratio:820/300; margin:34px auto 6px; }
    .bm-svg{ position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
    .bm-base{ fill:none; stroke:#D4D2CC; stroke-width:1.5; }
    .bm-p{ fill:none; stroke:url(#bmg); stroke-width:2.5; stroke-linecap:round; stroke-dasharray:16 100; stroke-dashoffset:116; animation:bmrun 2.8s cubic-bezier(.4,0,.6,1) infinite; animation-delay:var(--d, 0s); }
    @keyframes bmrun{ from{ stroke-dashoffset:116; } to{ stroke-dashoffset:16; } }
    .bm-n{ position:absolute; transform:translate(-50%,-50%); display:flex; align-items:center; gap:9px; width:150px; padding:9px 12px; border-radius:999px; background:#fff; border:1px solid #E2E0DB; box-shadow:0 10px 24px -16px rgba(0,0,0,.3); font-size:14px; font-weight:500; color:#171717; white-space:nowrap; }
    .bm-n i{ width:28px; height:28px; border-radius:50%; background:#EDECE8; display:grid; place-items:center; flex:0 0 auto; }
    .bm-c{ position:absolute; transform:translate(-50%,-50%); width:70px; height:70px; border-radius:50%; background:#171717; display:grid; place-items:center; box-shadow:0 20px 40px -20px rgba(23,23,23,.7); }
    .bm-c::before, .bm-c::after{ content:""; position:absolute; inset:0; border-radius:50%; border:1.5px solid rgba(47,91,234,.7); animation:bmring 2.8s cubic-bezier(.2,.6,.3,1) infinite; }
    .bm-c::after{ animation-delay:1.4s; }
    @keyframes bmring{ 0%{ transform:scale(1); opacity:.7; } 100%{ transform:scale(1.9); opacity:0; } }
    @media (max-width:700px){ .bm{ display:none; } }
    @media (prefers-reduced-motion:reduce){ .bm-p, .bm-c::before, .bm-c::after{ animation:none; } }

    /* ---- ERP: поръчките влизат на живо ---- */
    .dashcard{ overflow:hidden; }
    .drow{ background:transparent; }
    .drow.nr{ opacity:0; transform:translateY(-12px); transition:opacity .45s ease, transform .55s cubic-bezier(.2,.7,.2,1); }
    .drow.nr.in{ opacity:1; transform:none; animation:rowhl 2.2s ease-out; }
    @keyframes rowhl{ from{ background:#EEF3FF; } to{ background:transparent; } }
    .pill{ transition:background .3s ease, color .3s ease; }
    .pill.flash{ animation:pillflash .6s cubic-bezier(.34,1.56,.64,1); }
    @keyframes pillflash{ 40%{ transform:scale(1.08); } }

    /* ---- телефонна страница (v17g): „Не само говори. Действа.“ = 6 плочки с мини екран вместо текст ---- */
    .actv{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; margin-top:30px; }
    .av{ background:#EDECE8; border-radius:22px; padding:22px 22px 20px; display:flex; flex-direction:column; gap:18px; transition:transform .25s cubic-bezier(.32,.72,0,1); }
    .av:hover{ transform:translateY(-3px); }
    .av h3{ font-weight:500; font-size:19px; letter-spacing:-.02em; margin:0; }
    .mk{ display:flex; align-items:center; gap:10px; background:#fff; border-radius:14px; padding:10px 12px; min-height:56px; box-shadow:0 12px 26px -18px rgba(0,0,0,.4); font-size:14px; color:#171717; }
    /* 08.10 (Teo: no black/orange block for appointments): a calendar page — white, blue-to-violet band with the day */
    .mk-cal{ display:inline-flex; flex-direction:column; align-items:center; width:46px; height:46px; border-radius:11px; background:#fff; color:#1E3A8A; line-height:1; flex:0 0 auto; overflow:hidden; box-shadow:0 0 0 1px rgba(47,91,234,.16), 0 8px 16px -10px rgba(47,91,234,.6); }
    .mk-cal b{ display:block; width:100%; padding:4px 0 3px; text-align:center; font-size:8.5px; letter-spacing:.1em; font-weight:600; color:#fff; background:linear-gradient(120deg,#3D7BE0 0%,#5B63EC 55%,#7B5CEB 100%); }
    .mk-cal i{ font-style:normal; font-size:13px; font-weight:600; margin:auto 0; font-variant-numeric:tabular-nums; }
    .mk-ok{ margin-left:auto; width:26px; height:26px; border-radius:50%; background:#E9F3EC; color:#1F6B3A; display:grid; place-items:center; flex:0 0 auto; }
    .mk-t{ font-family:"IBM Plex Mono",monospace; font-size:13px; color:#8C8C8C; }
    .mk-pill{ margin-left:auto; font-size:12px; font-weight:500; padding:5px 10px; border-radius:999px; background:#E9F3EC; color:#1F6B3A; white-space:nowrap; }
    .mk-pin{ width:30px; height:30px; border-radius:50%; background:#E7EDFB; color:#2447A8; display:grid; place-items:center; flex:0 0 auto; }
    .mk-txt{ font-weight:500; }
    .mk-price{ margin-left:auto; font-weight:600; font-variant-numeric:tabular-nums; white-space:nowrap; }
    /* 08.10: the SMS is a green message bubble on a white card, not a black card */
    .mk-sms{ background:#fff; color:#171717; }
    .mk-bub{ font-size:13.5px; line-height:1.35; }
    .mk-sms .mk-bub{ margin-left:auto; max-width:100%; padding:8px 12px; border-radius:16px 16px 5px 16px; background:linear-gradient(135deg,#36B581 0%,#1F8F66 100%); color:#fff; font-weight:500; box-shadow:0 8px 16px -10px rgba(31,143,102,.75); }
    .mk-avt{ width:30px; height:30px; border-radius:50%; background:#FBEBDD; color:#9A4E12; display:grid; place-items:center; font-size:11px; font-weight:600; flex:0 0 auto; }
    .mk-arr{ margin-left:auto; color:#8C8C8C; font-size:16px; }
    @media (max-width:960px){ .actv{ grid-template-columns:1fr 1fr; } } @media (max-width:600px){ .actv{ grid-template-columns:1fr; } }
    /* „Като човек, който си знае работата.“ — само заглавията, едри, без обяснения */
    .human .list{ gap:16px; }
    .human .list li{ align-items:center; grid-template-columns:40px 1fr; }
    .human .list i{ width:40px; height:40px; }
    .human .list b{ font-size:22px; letter-spacing:-.02em; }
    .human .list span{ display:none; }

    /* ---- автоматизации (v17h): „Пет стъпки, нула ръце“ = 5 плочки с мини екрани, без пътуваща точка ---- */
    .flow2{ display:grid; grid-template-columns:repeat(5, minmax(0,1fr)); gap:12px; margin-top:34px; }
    .fs{ position:relative; background:#EDECE8; border-radius:20px; padding:16px 16px 16px; display:flex; flex-direction:column; gap:14px; }
    .fs .mk{ min-height:60px; padding:9px 10px; font-size:13px; gap:8px; }
    .fs h3{ font-weight:500; font-size:16.5px; letter-spacing:-.015em; margin:0; }
    .fs > em{ font-style:normal; font-family:"IBM Plex Mono",monospace; font-size:11.5px; color:#8C8C8C; letter-spacing:.04em; margin-top:-8px; }
    .fs:not(:last-child)::after{ content:""; position:absolute; right:-10px; top:38px; width:8px; height:8px; border-top:1.5px solid #B8B6B0; border-right:1.5px solid #B8B6B0; transform:rotate(45deg); z-index:1; }
    .mk-avt-b{ background:#E7EDFB; color:#2447A8; }
    .mk-lines{ display:flex; flex-direction:column; min-width:0; line-height:1.25; }
    .mk-lines b{ font-weight:500; font-size:12.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .mk-lines em{ font-style:normal; font-size:11.5px; color:#8C8C8C; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
    .mk-chips{ flex-wrap:wrap; gap:5px; } .mk-chips span{ font-size:11.5px; font-weight:500; padding:4px 8px; border-radius:999px; background:#EDECE8; color:#171717; }
    .mk-dot{ width:9px; height:9px; border-radius:50%; background:#3CA07F; box-shadow:0 0 0 3px rgba(60,160,127,.18); flex:0 0 auto; margin-left:2px; }
    .fs .mk-cal{ width:42px; height:42px; } .fs .mk-cal i{ font-size:11.5px; }
    .fs .mk-sms .mk-bub{ font-size:12px; }
    @media (max-width:1100px){ .flow2{ grid-template-columns:repeat(3, minmax(0,1fr)); } .fs:nth-child(3)::after, .fs:nth-child(5)::after{ display:none; } }
    @media (max-width:700px){ .flow2{ grid-template-columns:1fr; } .fs::after{ display:none !important; } }

    /* ---- чат страница (v17j): мини чатове с цени/условия/тон + заявката, която се пълни от разговора ---- */
    .cq3{ display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; margin-top:30px; }
    .cq{ background:#EDECE8; border-radius:22px; padding:16px 16px 20px; display:flex; flex-direction:column; gap:16px; }
    .cq h3{ font-weight:500; font-size:19px; letter-spacing:-.02em; margin:0; padding:0 6px; }
    .cm{ background:#fff; border-radius:16px; padding:14px; display:grid; gap:8px; align-content:end; min-height:168px; box-shadow:0 12px 26px -18px rgba(0,0,0,.4); }
    .cb{ max-width:88%; font-size:13.5px; line-height:1.38; padding:9px 12px; border-radius:14px 14px 14px 4px; background:#F1F0EC; color:#171717; justify-self:start; transition:opacity .2s ease, transform .2s ease; }
    .cb.me{ justify-self:end; background:#2F5BEA; color:#fff; border-radius:14px 14px 4px 14px; }
    .cb.hid{ opacity:0; transform:translateY(8px) scale(.96); }
    .cb.pop{ animation:bubin .5s cubic-bezier(.34,1.56,.64,1) both; }
    .cb.sw{ opacity:0; transform:translateY(4px); }
    .cb .dots{ display:inline-flex; gap:4px; align-items:center; height:1.38em; vertical-align:middle; }
    .cb .dots b{ width:6px; height:6px; border-radius:50%; background:currentColor; opacity:.35; animation:dot 1s ease-in-out infinite; }
    .cb .dots b:nth-child(2){ animation-delay:.15s; } .cb .dots b:nth-child(3){ animation-delay:.3s; }
    .cb:has(.prod){ max-width:100%; }
    .cb .prod{ display:flex; align-items:center; gap:9px; margin-top:8px; padding:7px 9px 7px 7px; border-radius:10px; background:#fff; border:1px solid #E2E0DB; font-size:12.5px; white-space:nowrap; }
    .cb .prod i{ width:28px; height:28px; border-radius:8px; background:linear-gradient(135deg,#7FB2F0,#2F5BEA 60%,#6B4FE8); flex:0 0 auto; }
    .cb .prod b{ font-weight:500; overflow:hidden; text-overflow:ellipsis; } .cb .prod em{ font-style:normal; margin-left:auto; font-weight:600; font-variant-numeric:tabular-nums; padding-left:8px; }
    .tone{ display:inline-flex; gap:2px; padding:3px; border-radius:999px; background:#F1F0EC; justify-self:start; margin-bottom:2px; }
    .tone b{ font-weight:500; font-size:12px; padding:5px 11px; border-radius:999px; color:#8C8C8C; transition:background .3s ease, color .3s ease; }
    .tone b.on{ background:#171717; color:#fff; }
    .lead2{ display:grid; grid-template-columns:1.1fr .9fr; gap:14px; margin-top:30px; align-items:stretch; }
    .lchat{ background:#EDECE8; border-radius:22px; padding:14px; display:flex; flex-direction:column; }
    .lchat .bar{ display:flex; align-items:center; gap:8px; font-size:12.5px; color:#5C5C5C; padding:4px 6px 12px; }
    .lchat .bar i{ width:8px; height:8px; border-radius:50%; background:#3CA07F; box-shadow:0 0 0 3px rgba(60,160,127,.18); }
    .lchat .cm{ flex:1; min-height:350px; }
    .rq{ background:#fff; border-radius:22px; padding:18px 22px 18px; display:flex; flex-direction:column; box-shadow:0 12px 26px -18px rgba(0,0,0,.4); }
    .rq .hd{ display:flex; justify-content:space-between; align-items:center; padding-bottom:12px; border-bottom:1px solid #EEEDE9; }
    .rq .hd b{ font-weight:500; font-size:17px; letter-spacing:-.01em; }
    .rq .hd span{ font-size:12px; font-weight:500; padding:5px 10px; border-radius:999px; background:#E7EDFB; color:#2447A8; transition:background .3s ease, color .3s ease; }
    .rq.ok .hd span{ background:#E9F3EC; color:#1F6B3A; }
    .rq .r{ display:grid; grid-template-columns:76px 1fr 18px; align-items:center; gap:10px; padding:13px 0; border-bottom:1px solid #EEEDE9; font-size:14.5px; }
    .rq .r small{ font-size:12px; color:#8C8C8C; }
    .rq .r span{ color:#C9C7C1; transition:color .3s ease; } .rq .r.on span{ color:#171717; }
    .rq .r i, .rq .ft i{ width:18px; height:18px; border-radius:50%; border:1.5px solid #E2E0DB; background:#fff; display:grid; place-items:center; flex:0 0 auto; transition:background .3s ease, border-color .3s ease, transform .45s cubic-bezier(.34,1.56,.64,1); }
    .rq .r i::after, .rq .ft i::after{ content:""; width:8px; height:4.5px; border-left:2px solid #fff; border-bottom:2px solid #fff; transform:rotate(-45deg) translate(1px,-1px) scale(0); transition:transform .25s cubic-bezier(.34,1.56,.64,1) .1s; }
    .rq .r.on i, .rq .ft.on i{ background:#3CA07F; border-color:#3CA07F; transform:scale(1.08); } .rq .r.on i::after, .rq .ft.on i::after{ transform:rotate(-45deg) translate(1px,-1px) scale(1); }
    .rq .ft{ margin-top:auto; padding-top:14px; font-size:13px; color:#8C8C8C; display:flex; align-items:center; gap:9px; transition:color .3s ease; } .rq .ft.on{ color:#1F6B3A; }
    .mk-doc{ width:30px; height:30px; border-radius:8px; background:#FBEBDD; color:#9A4E12; display:grid; place-items:center; font-size:9.5px; font-weight:600; letter-spacing:.04em; flex:0 0 auto; }
    @media (max-width:900px){ .lead2{ grid-template-columns:1fr; } .lchat .cm{ min-height:300px; } }
    @media (max-width:700px){ .cq3{ grid-template-columns:1fr; } .cm{ min-height:0; } }
    @media (prefers-reduced-motion:reduce){ .cb, .rq .r i, .rq .ft i, .rq .r span{ transition:none; } }

    /* hero на началната (09.10, v2): октоподът плува в цялата секция, голямото заглавие е зад него (Unbounded), бутоните под сцената */
    .hero.oh-stage{ padding:0 0 30px; }
    .oh-area{ position:relative; height:clamp(500px, calc(100svh - 168px), 880px); display:grid; place-items:center; overflow:hidden; }
    .oh-title{ position:relative; z-index:0; margin:0; padding:0 16px; text-align:center; text-wrap:balance;
      font-family:"Unbounded","Onest",system-ui,sans-serif; font-weight:800; font-size:clamp(28px, 7.9vw, 160px); line-height:.98; letter-spacing:-.045em; color:#171717;
      animation:ohRise 1.1s cubic-bezier(.2,.7,.2,1) both; }
    @keyframes ohRise{ from{ opacity:0; transform:translateY(26px) scale(.985); } to{ opacity:1; transform:none; } }
    .oh-area .oh{ position:absolute; inset:0; z-index:1; }
    .oh canvas, .oh .oh-still{ position:absolute; inset:0; width:100%; height:100%; display:block; }
    .oh .oh-still{ object-fit:contain; pointer-events:none; transition:opacity .7s ease; }
    .oh canvas{ opacity:0; transition:opacity .7s ease; touch-action:pan-y pinch-zoom; outline-offset:-4px; -webkit-tap-highlight-color:transparent; }
    .oh canvas:focus-visible{ outline:2px solid #A28AC3; }
    .oh canvas.pointer-input:focus-visible{ outline:none; }
    .oh.oh-on canvas{ opacity:1; }
    .oh.oh-on .oh-still{ opacity:0; }
    .oh.oh-off canvas{ display:none; }
    .oh-stage .oh-sr{ position:absolute; width:1px; height:1px; padding:0; margin:0; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
    .oh-cta{ display:flex; justify-content:center; gap:10px; flex-wrap:wrap; padding:0 16px; }
    @media (max-width:600px){ .oh-area{ height:clamp(460px, calc(100svh - 200px), 660px); align-content:start; } .oh-title{ line-height:1.04; margin-top:clamp(96px, 20svh, 190px); } }
    @media (prefers-reduced-motion:reduce){ .oh canvas, .oh .oh-still{ transition:none; } .oh-title{ animation:none; } }

    /* phone page hero (10.10): the real demo video (photo of an iPhone, the call transcribed as it is spoken) instead of the drawn call card */
    .cv{ position:relative; aspect-ratio:4/5; max-height:720px; border-radius:24px; overflow:hidden; background:#F0EFF4; isolation:isolate; }
    .cv > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
    .cv .vid{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; transition:opacity .9s ease; }
    .cv .vid.ready{ opacity:1; }
    .cv-snd{ position:absolute; left:16px; bottom:16px; z-index:2; display:inline-flex; align-items:center; gap:8px; padding:10px 15px 10px 12px; border-radius:999px; border:1px solid rgba(255,255,255,.22); background:rgba(23,23,23,.72); color:#fff; font:500 13.5px/1 "Onest","Segoe UI",system-ui,sans-serif; cursor:pointer; backdrop-filter:blur(10px); -webkit-backdrop-filter:blur(10px); transition:background .18s ease, transform .18s ease; }
    .cv-snd:hover{ background:rgba(23,23,23,.9); transform:translateY(-1px); }
    .cv-snd svg{ flex:0 0 auto; } .cv-snd svg.b{ display:none; }
    .cv-snd.on svg.a{ display:none; } .cv-snd.on svg.b{ display:block; }
    @media (max-width:960px){ .cv{ max-height:none; } }

    /* i18n (08.10): BG | EN switch in the glass nav; stays visible on phones */
    .nav .lang{ display:inline-flex; align-items:center; gap:2px; padding:3px; border-radius:999px; background:rgba(23,23,23,.055); flex:0 0 auto; }
    .nav .lang button{ font:500 12.5px/1 "Onest",sans-serif; letter-spacing:.05em; color:#8C8C8C; padding:7px 10px; border:0; border-radius:999px; background:transparent; cursor:pointer; transition:background .18s ease, color .18s ease, box-shadow .18s ease; }
    .nav .lang button:hover{ color:#171717; }
    .nav .lang button.on{ background:#fff; color:#171717; box-shadow:0 1px 3px rgba(23,23,23,.14); }
    .nav .lang button:focus-visible{ outline:2px solid #2F5BEA; outline-offset:1px; }
    .flang a{ color:inherit; } .flang a:hover{ color:#171717; } .flang a.on{ color:#171717; font-weight:500; }
    @media (max-width:960px){ .nav .lang button{ padding:7px 8px; font-size:12px; } }
    @media (max-width:520px){ .nav .w > .btn.light{ display:none; } }
    @media (max-width:380px){ .nav .logo span{ display:none; } }

    @media (max-width:960px){
      .hero .w{ grid-template-columns:1fr; gap:24px; }
      .tiles, .grid, .small3, .orbs, .bento .head, .calc .w, .agent .box, .srow, .qgrid, .faq .w{ grid-template-columns:1fr; }
      footer .cols{ grid-template-columns:1fr 1fr; }
      .bento .head .sub{ justify-self:start; }
      .strip{ flex-direction:column; height:auto; }
      .strip .photo{ height:130px; flex:none; } .strip .photo.on{ height:440px; flex:none; }
      .strip .photo:not(.on) .tag b{ writing-mode:horizontal-tb; transform:none; margin:0; }
      .team .over{ flex-direction:column; align-items:flex-start; }
      .nav nav{ display:none; }
      .talk .word{ white-space:normal; }
    }

    /* ===== 16.10 — телефон: меню, hero, снимки в ширината на екрана, карти, таблици (Тео: „искам да видя как изглежда от телефон“) ===== */
    .mbtn, .mnav{ display:none; }
    @media (max-width:960px){
      .mbtn{ display:inline-grid; place-items:center; flex:0 0 auto; width:42px; height:42px; padding:0; border-radius:50%; border:1px solid rgba(23,23,23,.14); background:transparent; cursor:pointer; -webkit-tap-highlight-color:transparent; }
      .mbtn i{ grid-area:1/1; display:block; width:16px; height:1.6px; border-radius:2px; background:#171717; transition:transform .25s cubic-bezier(.2,.7,.2,1); }
      .mbtn i:first-child{ transform:translateY(-3.5px); } .mbtn i:last-child{ transform:translateY(3.5px); }
      .nav.mopen .mbtn i:first-child{ transform:rotate(45deg); } .nav.mopen .mbtn i:last-child{ transform:rotate(-45deg); }
      .mbtn:focus-visible{ outline:2px solid #2F5BEA; outline-offset:2px; }
      .mnav{ display:block; position:absolute; left:16px; right:16px; top:calc(100% + 8px); max-height:calc(100svh - 92px); overflow:auto; overscroll-behavior:contain;
        padding:8px; border-radius:26px; background:rgba(255,255,255,.97); -webkit-backdrop-filter:blur(22px) saturate(1.6); backdrop-filter:blur(22px) saturate(1.6);
        border:1px solid rgba(23,23,23,.08); box-shadow:0 28px 60px -22px rgba(23,23,23,.32);
        opacity:0; visibility:hidden; transform:translateY(-8px); transition:opacity .2s ease, transform .2s ease, visibility .2s; }
      .nav.mopen .mnav{ opacity:1; visibility:visible; transform:none; }
      .mnav .mh{ padding:12px 14px 6px; font-size:11.5px; letter-spacing:.08em; text-transform:uppercase; color:#8C8C8C; }
      .mnav a.ml{ display:flex; align-items:center; gap:12px; padding:11px 12px; border-radius:16px; color:#171717; font-size:16px; font-weight:500; letter-spacing:-.01em; }
      .mnav a.ml:active, .mnav a.ml:hover{ background:#F3F2EE; }
      .mnav .i{ flex:0 0 auto; width:34px; height:34px; border-radius:11px; background:#EDECE8; display:grid; place-items:center; }
      .mnav hr{ margin:6px 12px; border:0; border-top:1px solid #EEEDE9; }
      .mnav .mrow{ display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:8px 4px 4px; }
      .mnav .mrow .btn{ justify-content:center; padding:13px 12px; }
      .mnav .mlang{ display:flex; justify-content:center; gap:18px; padding:12px 0 8px; font-size:14px; color:#8C8C8C; }
      .mnav .mlang a{ padding:4px 6px; }
    }
    @media (max-width:520px){ .nav .w > .lang{ display:none; } }   /* BG · EN е в менюто */

    /* снимките 21:9 с min-height разтягаха страницата до ~900px (aspect-ratio прехвърля min-height към ширината) */
    @media (max-width:960px){
      .band .photo, .chan .photo, .team .photo{ aspect-ratio:auto; width:100%; }
    }

    @media (max-width:600px){
      /* hero: заглавието горе, октоподът под него — на телефон не го закрива */
      .oh-area{ display:flex; flex-direction:column; align-items:stretch; height:clamp(460px, calc(100svh - 220px), 600px); }
      .oh-title{ flex:0 0 auto; margin-top:clamp(26px, 5svh, 52px); }
      .oh-area .oh{ position:relative; inset:auto; flex:1 1 auto; min-height:280px; }

      /* „Вдига. И звъни.“: балончето горе, текстът долу — без застъпване */
      .iocard{ min-height:0; display:flex; flex-direction:column; justify-content:flex-end; padding:200px 22px 24px; }
      .iocard .in{ position:relative; left:auto; right:auto; bottom:auto; }
      .iocard h3{ font-size:26px; }

      /* ERP „Поръчки днес“: име и статус един под друг, бутонът вдясно */
      .drow{ grid-template-columns:1fr 32px; grid-template-areas:"who pl" "pill pl"; gap:6px 12px; }
      .drow .t{ display:none; }
      .drow .who{ grid-area:who; } .drow .pill{ grid-area:pill; justify-self:start; } .drow .pl{ grid-area:pl; }
    }

    /* 16.10 — формата за контакт/среща праща наистина: състояния */
    #cnext[disabled]{ opacity:.55; cursor:progress; }
    #cnote.err{ color:#B4322F; }
    #talkbtn.on{ background:#fff; color:#171717; border-color:rgba(23,23,23,.18); }

    /* ===== 16.10 (2) — Тео от iPhone 14 ===== */
    /* снимките в лентите: запълват цялата карта (без сиво поле под тях) */
    @media (max-width:960px){
      .band .photo{ height:clamp(400px, 112vw, 560px); }
      .team .photo{ height:clamp(340px, 92vw, 480px); }
      .band .photo > img, .team .photo > img{ position:absolute; inset:0; width:100%; height:100%; }
      .band .photo > img{ object-position:62% 30%; }
      .team .photo > img{ object-position:50% 25%; }
      .team .over{ flex-direction:column; align-items:flex-start; gap:16px; }
      /* „Един чатбот. Всички места…“: снимката е фонът, съобщенията стоят върху нея като в чат */
      .chan .photo{ min-height:0; padding:230px 0 10px; }
      .chan .photo > img{ position:absolute; left:0; right:0; bottom:0; top:-18px; width:100%; height:calc(100% + 18px); object-position:64% 0; }   /* -18px: снимката има тъмна ивица горе */
      .chan .photo::after{ background:linear-gradient(to top, rgba(0,0,0,.62) 0%, rgba(0,0,0,.30) 55%, rgba(0,0,0,0) 80%); }
      .chan .fl{ position:relative; inset:auto; z-index:2; width:auto; max-width:84%; margin:5px 12px; align-self:flex-start; }
      .chan .fl.c, .chan .fl.d{ align-self:flex-end; }
    }

    /* „Говори като човек“: на телефон снимката е над думите — не се блъскат */
    @media (max-width:600px){
      .talk{ padding:84px 0 70px; }
      .talk .line{ flex-direction:column; gap:4px; }
      .talk .tileimg{ order:-1; width:118px; margin-bottom:22px; }
    }

    /* часовете в случаите (Профи Инокс, хотелът): колоната беше 28px, а „23:40“ е по-широко → текстът се застъпваше */
    .case .steps3{ gap:0; }
    .case .steps3 li{ grid-template-columns:52px 1fr; gap:14px; padding:13px 0; border-top:1px solid #E4E2DC; }
    .case .steps3 li:last-child{ border-bottom:1px solid #E4E2DC; }
    .case .steps3 b{ color:#171717; }

    /* ERP „Седмици, не година.“: на телефон без линията и точките — само 01 · 1 среща и т.н. */
    @media (max-width:960px){
      .srow{ border-top:0; padding-top:0; margin-top:30px; gap:30px; }
      .srow::after, .srow .step::before{ display:none; }
      .step{ padding-right:0; }
      .step h3{ margin-top:8px; }
    }

    /* „Отговаря с твоите цени“: истинска снимка, размери, наличност */
    .cb:has(.prod2){ max-width:94%; }
    .cb .prod2{ display:grid; grid-template-columns:86px minmax(0,1fr); grid-template-rows:auto auto auto; column-gap:11px; margin-top:9px; padding:8px; border-radius:12px; background:#fff; border:1px solid #E2E0DB; color:#171717; }
    .cb .prod2 .pimg{ grid-row:1 / span 3; width:86px; height:66px; border-radius:8px; overflow:hidden; background:#EFEEEA; }
    .cb .prod2 .pimg img{ display:block; width:100%; height:100%; object-fit:cover; }
    .cb .prod2 .pn{ align-self:end; font-weight:600; font-size:13px; line-height:1.25; }
    .cb .prod2 .pp{ font-weight:600; font-size:13px; font-variant-numeric:tabular-nums; margin-top:2px; }
    .cb .prod2 .ps{ align-self:start; display:flex; align-items:center; gap:6px; font-size:11.5px; color:#5C5C5C; margin-top:2px; }
    .cb .prod2 .ps i{ width:6px; height:6px; border-radius:50%; background:#1F8A4C; flex:0 0 auto; }
    .cb .prod2 .psz{ grid-column:1 / -1; display:flex; gap:5px; margin-top:8px; }
    .cb .prod2 .psz span{ flex:1; text-align:center; font-size:11.5px; line-height:1; padding:6px 0; border-radius:7px; border:1px solid #E2E0DB; color:#5C5C5C; font-variant-numeric:tabular-nums; }
    .cb .prod2 .psz span.on{ background:#171717; border-color:#171717; color:#fff; font-weight:600; }
    .cb .prod2 .psz span.x{ color:#BDBBB5; background:#F7F6F3; text-decoration:line-through; }

    /* отзивите на телефон: тесте карти — отпред една, отгоре се виждат другите; плъзгане, стрелки, клик = целият отзив */
    .qnav, .qmore{ display:none; }
    @media (max-width:760px){
      .quotes{ padding-bottom:96px; }
      .qgrid.deck{ display:block; position:relative; --peek:54px; --qh:440px; height:calc(var(--qh) + 2 * var(--peek)); touch-action:pan-y; transition:height .35s cubic-bezier(.2,.7,.2,1); }
      .qgrid.deck .q{ position:absolute; left:0; right:0; bottom:0; height:var(--qh); min-height:0; padding:14px 24px 22px; gap:14px; justify-content:flex-start; transform-origin:50% 0;
        transition:transform .5s cubic-bezier(.2,.75,.2,1), height .35s cubic-bezier(.2,.7,.2,1), opacity .85s ease, filter .4s ease; cursor:pointer; -webkit-tap-highlight-color:transparent; -webkit-user-select:none; user-select:none; }
      .qgrid.deck .q[data-pos="0"]{ z-index:3; box-shadow:0 26px 50px -30px rgba(0,0,0,.55); }
      .qgrid.deck .q[data-pos="1"]{ z-index:2; transform:translateY(calc(-1 * var(--peek))) scale(.94); filter:brightness(.95); }
      .qgrid.deck .q[data-pos="2"]{ z-index:1; transform:translateY(calc(-2 * var(--peek))) scale(.88); filter:brightness(.9); }
      .qgrid.deck .q .brand{ flex:0 0 auto; min-height:38px; }
      .qgrid.deck .q .brand img, .qgrid.deck .q.big .brand img{ height:26px; }
      .qgrid.deck .q blockquote, .qgrid.deck .q.big blockquote{ font-size:20px; line-height:1.42; max-width:none; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:8; overflow:hidden; }
      .qgrid.deck.open .q[data-pos="0"] blockquote{ display:block; -webkit-line-clamp:unset; overflow:visible; }
      .qgrid.deck .q cite{ margin-top:auto; }
      .qgrid.deck .q.clamped .qmore, .qgrid.deck.open .q[data-pos="0"] .qmore{ display:inline-flex; align-self:flex-start; align-items:center; gap:6px; padding:8px 13px; border-radius:999px;
        border:1px solid rgba(255,255,255,.45); background:rgba(255,255,255,.18); -webkit-backdrop-filter:blur(8px); backdrop-filter:blur(8px); color:#fff; font:inherit; font-size:13px; font-weight:500; cursor:pointer; }
      .qgrid.deck .q:not([data-pos="0"]) .qmore{ visibility:hidden; }
      .qnav{ display:flex; align-items:center; justify-content:space-between; gap:14px; margin-top:18px; }
      .qnav .qarr{ width:46px; height:46px; padding:0; border-radius:50%; border:1px solid rgba(23,23,23,.14); background:#fff; display:grid; place-items:center; color:#171717; cursor:pointer; -webkit-tap-highlight-color:transparent; }
      .qnav .qarr:active{ transform:scale(.94); }
      .qdots{ display:flex; gap:2px; }
      .qdots button{ width:26px; height:26px; padding:0; border:0; background:none; display:grid; place-items:center; cursor:pointer; -webkit-tap-highlight-color:transparent; }
      .qdots button i{ display:block; width:7px; height:7px; border-radius:99px; background:#CFCDC6; transition:width .3s ease, background .3s ease; }
      .qdots button.on i{ width:22px; background:#171717; }
      .qnav .qarr:focus-visible, .qdots button:focus-visible, .qmore:focus-visible{ outline:2px solid #2F5BEA; outline-offset:2px; }
    }
    @media (max-width:760px) and (prefers-reduced-motion:reduce){ .qgrid.deck .q, .qgrid.deck{ transition:none; } }

    /* ===== 16.10 — бисквитки: банер (телефон: лист отдолу с 16px отстъп; компютър: компактна карта долу вляво) + настройки.
       Всичко е с префикс .ck-; бутоните са .btn / .btn.light на сайта. z-index над стъклената лента (.nav = 40). ===== */
    .ck-bar{ position:fixed; z-index:1000; left:16px; right:16px; bottom:calc(16px + env(safe-area-inset-bottom, 0px)); display:none; box-sizing:border-box; max-width:420px; margin:0 auto;
      padding:18px 18px 12px; border-radius:22px; background:#fff; color:#171717; border:1px solid #E2E0DB;
      box-shadow:0 30px 70px -28px rgba(23,23,23,.42), 0 2px 6px rgba(23,23,23,.05); font:400 14px/1.5 "Onest","Segoe UI",system-ui,sans-serif; text-align:left; }
    .ck-bar.ck-on{ display:block; animation:ck-up .42s cubic-bezier(.2,.75,.2,1) both; }
    .ck-bar *, .ck-ov *{ box-sizing:border-box; }
    .ck-hd{ display:flex; align-items:center; gap:10px; }
    .ck-ico{ flex:0 0 auto; width:30px; height:30px; border-radius:10px; background:#F5F4F1; display:grid; place-items:center; }
    .ck-t{ font-weight:600; font-size:15.5px; line-height:1.25; letter-spacing:-.01em; }
    .ck-p{ margin:10px 0 14px; font-size:13.5px; line-height:1.55; color:#5C5C5C; }
    .ck-p a{ color:#171717; text-decoration:underline; text-underline-offset:2px; text-decoration-color:rgba(23,23,23,.35); }
    .ck-p a:hover{ color:#2F5BEA; text-decoration-color:currentColor; }
    .ck-row, .ck-df{ display:flex; flex-wrap:wrap; gap:8px; }
    .ck-bar .btn, .ck-ov .btn{ flex:1 1 auto; justify-content:center; padding:13px 16px; font-size:14px; white-space:nowrap; }
    .ck-lnk{ display:block; margin:8px auto 0; padding:6px 10px; border:0; border-radius:999px; background:none; font-family:inherit; font-size:13.5px; font-weight:500; line-height:1.2;
      color:#5C5C5C; text-decoration:underline; text-underline-offset:3px; text-decoration-color:rgba(92,92,92,.4); cursor:pointer; }
    .ck-lnk:hover{ color:#171717; }

    .ck-ov{ position:fixed; inset:0; z-index:1001; display:none; align-items:center; justify-content:center; padding:24px;
      background:rgba(23,23,23,.36); -webkit-backdrop-filter:blur(3px); backdrop-filter:blur(3px); touch-action:none; }
    .ck-ov.ck-on{ display:flex; animation:ck-fade .2s ease both; }
    .ck-dlg{ position:relative; width:100%; max-width:540px; max-height:calc(100vh - 48px); max-height:calc(100dvh - 48px); overflow:auto; overscroll-behavior:contain; touch-action:pan-y;
      padding:26px 26px 22px; border-radius:24px; background:#fff; color:#171717; box-shadow:0 40px 90px -30px rgba(23,23,23,.5);
      font:400 15px/1.5 "Onest","Segoe UI",system-ui,sans-serif; text-align:left; animation:ck-up .32s cubic-bezier(.2,.75,.2,1) both; }
    .ck-dlg:focus{ outline:none; }
    .ck-dh{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; }
    .ck-dh h2{ margin:0; font-weight:500; font-size:22px; line-height:1.2; letter-spacing:-.02em; }
    .ck-x{ flex:0 0 auto; width:36px; height:36px; margin:-6px -8px 0 0; padding:0; display:grid; place-items:center; border-radius:50%; border:1px solid #E2E0DB; background:#fff; color:#171717; cursor:pointer; }
    .ck-x:hover{ border-color:#C9C7C1; }
    .ck-dd{ margin:8px 0 18px; font-size:14px; line-height:1.55; color:#5C5C5C; }
    .ck-cats{ display:grid; gap:10px; }
    .ck-cat{ display:flex; align-items:flex-start; justify-content:space-between; gap:16px; padding:16px; border:1px solid #E2E0DB; border-radius:18px; background:#fff; }
    .ck-cat.ck-ess{ background:#F5F4F1; border-color:#EAE8E3; }
    .ck-ct{ flex:1 1 auto; min-width:0; }
    .ck-ct b{ display:block; font-weight:600; font-size:14.5px; line-height:1.3; }
    .ck-ct p{ margin:5px 0 0; font-size:13px; line-height:1.55; color:#5C5C5C; }
    .ck-sw{ position:relative; flex:0 0 auto; width:44px; height:26px; margin:0; padding:0; border:0; border-radius:999px; background:#D6D4CE; cursor:pointer; transition:background .2s ease; -webkit-tap-highlight-color:transparent; }
    .ck-sw i{ position:absolute; top:3px; left:3px; width:20px; height:20px; border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(23,23,23,.25); transition:transform .22s cubic-bezier(.2,.75,.2,1); }
    .ck-sw[aria-checked="true"]{ background:#171717; }
    .ck-sw[aria-checked="true"] i{ transform:translateX(18px); }
    .ck-sw[disabled]{ cursor:default; opacity:.4; }
    .ck-df{ margin-top:20px; }
    .ck-bar .btn:focus-visible, .ck-ov .btn:focus-visible, .ck-sw:focus-visible, .ck-x:focus-visible, .ck-lnk:focus-visible, .ck-p a:focus-visible{ outline:2px solid #2F5BEA; outline-offset:2px; }
    @keyframes ck-up{ from{ opacity:0; transform:translateY(14px); } }
    @keyframes ck-fade{ from{ opacity:0; } }
    @media (min-width:640px){
      .ck-bar{ left:24px; right:auto; bottom:24px; width:400px; max-width:calc(100vw - 48px); margin:0; }
    }
    @media (max-width:639px){
      .ck-ov{ align-items:flex-end; padding:16px 16px calc(16px + env(safe-area-inset-bottom, 0px)); }
      .ck-dlg{ max-height:calc(100vh - 32px); max-height:calc(100dvh - 32px); padding:22px 18px 18px; }
      .ck-dh h2{ font-size:20px; }
    }
    @media (prefers-reduced-motion:reduce){
      .ck-bar.ck-on, .ck-ov.ck-on, .ck-dlg{ animation:none; }
      .ck-sw, .ck-sw i{ transition:none; }
    }
  

    /* ===== 16.10 — само на сайта (не в канвата): правните страници и 404 ===== */
    .legalpg{ padding:0 0 90px; }
    .legalpg .nw{ width:min(760px, calc(100% - 40px)); margin:0 auto; }
    .legal h1{ font-weight:500; font-size:clamp(36px,4.6vw,56px); line-height:1.05; letter-spacing:-.035em; margin:22px 0 0; }
    .legal .lupd{ margin:14px 0 0; font-family:"IBM Plex Mono",monospace; font-size:13px; color:#8C8C8C; letter-spacing:.02em; }
    .legal .lintro{ margin-top:34px; font-size:18px; line-height:1.6; color:#171717; }
    .legal section{ margin-top:40px; font-size:16.5px; line-height:1.65; color:#2A2A2A; }
    .legal h2{ font-weight:500; font-size:24px; letter-spacing:-.02em; line-height:1.2; margin:0 0 12px; color:#171717; }
    .legal h3{ font-weight:500; font-size:19px; letter-spacing:-.015em; margin:22px 0 8px; color:#171717; }
    .legal p{ margin:0 0 14px; }
    .legal ul, .legal ol{ margin:0 0 14px; padding-left:22px; } .legal li{ margin:6px 0; }
    .legal a{ color:#2F5BEA; text-decoration:underline; text-underline-offset:3px; word-break:break-word; }
    .legal strong{ font-weight:600; color:#171717; }
    .legal code{ font-family:"IBM Plex Mono",monospace; font-size:.9em; background:#EDECE8; padding:2px 6px; border-radius:6px; }
    .legal table{ width:100%; border-collapse:collapse; margin:0 0 16px; font-size:14.5px; display:block; overflow-x:auto; }
    .legal th, .legal td{ text-align:left; vertical-align:top; padding:9px 10px; border-bottom:1px solid #E2E0DB; }
    .legal .lcontact, .legal .lactions{ margin-top:40px; }
    .legal .lactions a{ display:inline-flex; align-items:center; padding:12px 20px; border-radius:999px; background:#171717; color:#fff; text-decoration:none; font-weight:500; }

    .nf{ padding:70px 0 120px; }
    .nf .nw{ width:min(760px, calc(100% - 40px)); margin:0 auto; }
    .nf .code{ font-family:"IBM Plex Mono",monospace; font-size:13px; color:#8C8C8C; letter-spacing:.08em; }
    .nf .h1{ margin-top:14px; font-size:clamp(40px,5vw,64px); max-width:14ch; }
    .nf .sub{ margin-top:18px; }
    .nf .acts{ display:flex; gap:10px; flex-wrap:wrap; margin-top:30px; padding:0; }
    .nf ul{ list-style:none; padding:0; margin:44px 0 0; border-top:1px solid #E2E0DB; }
    .nf li a{ display:flex; justify-content:space-between; padding:16px 2px; border-bottom:1px solid #E2E0DB; font-size:17px; }