:root{
    --cream:#FFF8EE; --ink:#3A4A5A; --teal:#1FA89A; --coral:#FF7A6B;
    --sun:#F6B53C; --lilac:#8E7CDB; --green:#6FB36B; --muted:#5E6A74; --line:#EDE5D7; /* muted: 01.10.2026 темніше — контраст 5.3:1 замість 2.9:1 */
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{
    font-family:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
    color:var(--ink); background:var(--cream); line-height:1.6;
  }
  .wrap{max-width:1080px;margin:0 auto;padding:0 24px}
  .en{color:var(--muted);font-size:.92em}
  a{color:var(--teal)}
  /* шапка-меню (01.10.2026): липка на ПК, на телефоні ні; переходи на #розділи — під шапкою (висоту міряє nav.js) */
  header.top{padding:10px 0 0;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;background:var(--cream)}
  html{scroll-padding-top:var(--hdr,80px)}
  .top-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 24px}
  .brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px}
  a.brand{color:var(--ink);text-decoration:none;padding:6px 0 8px}
  .brand-sub{font-weight:700;color:var(--muted);font-size:.8em}
  .mainnav{display:flex;flex-wrap:wrap;gap:0 20px}
  .mainnav a{display:inline-block;padding:10px 0;border-bottom:3px solid transparent;color:var(--ink);font-weight:700;font-size:15px;text-decoration:none}
  .mainnav a:hover{border-bottom-color:#D9CDB8}
  .mainnav a[aria-current="location"]{border-bottom-color:var(--teal)}
  @media(max-width:760px){header.top{position:static}html{scroll-padding-top:0}.mainnav{gap:0 16px}}
  .dot{width:12px;height:12px;border-radius:50%}
  .d1{background:var(--coral)}.d2{background:var(--sun)}.d3{background:var(--teal)}
  /* brand hero */
  .brandhero{padding:60px 0 28px;text-align:center}
  .brandhero h1{font-size:66px;line-height:1.05;letter-spacing:-1px}
  .brandhero .tag{font-size:20px;margin:16px auto 0;max-width:40em}
  .free{display:inline-block;background:var(--green);color:#fff;font-weight:700;
        padding:4px 14px;border-radius:999px;font-size:15px;margin-top:18px}
  /* buttons */
  .cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}
  .btn{display:inline-block;padding:14px 26px;border-radius:15px;font-weight:800;
       font-size:17px;text-decoration:none;transition:transform .12s ease}
  .btn:hover{transform:translateY(-2px)}
  .btn-main{background:var(--coral);color:#fff;box-shadow:0 8px 20px rgba(255,122,107,.35)}
  .btn-ghost{background:#fff;color:var(--ink);border:2px solid var(--line)}
  /* product showcase */
  section{padding:48px 0}
  h2{font-size:34px;margin-bottom:8px}
  h2 .en{display:block;font-size:18px;font-weight:500;margin-top:2px}
  .lead{font-size:19px;max-width:46em;margin-bottom:8px}
  .products{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:30px}
  .product-card{background:#fff;border:1px solid var(--line);border-radius:22px;
                overflow:hidden;display:flex;flex-direction:column;
                box-shadow:0 10px 30px rgba(58,74,90,.08)}
  .product-card>img{width:100%;height:360px;object-fit:contain;background:var(--cream);
                    padding:16px;border-bottom:1px solid var(--line)}
  .pc-body{padding:22px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
  .pc-body h3{font-size:23px}
  .pc-body p{font-size:15.5px}
  .pc-tag{display:inline-block;background:var(--cream);border:1px solid var(--line);
          color:var(--muted);font-size:13px;padding:2px 10px;border-radius:999px;width:max-content}
  .pc-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:6px}
  .pc-cta .btn{padding:11px 18px;font-size:15px;border-radius:12px}
  /* detail cards + gallery */
  .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:26px}
  .card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px}
  .card h3{font-size:20px;margin-bottom:6px}
  .card .em{font-size:30px;display:block;margin-bottom:10px}
  .who{background:#fff;border:1px solid var(--line);border-radius:20px;padding:26px 30px;margin-top:22px}
  .who li{margin:6px 0 6px 22px}
  .gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px}
  .gallery img{width:100%;height:auto;border-radius:14px;border:1px solid var(--line);
               box-shadow:0 10px 24px rgba(58,74,90,.12)}
  .detail{border-top:1px solid var(--line)}
  /* support */
  .support{background:#fff;border:1px solid var(--line);border-radius:24px;
           padding:44px;text-align:center;margin-top:10px}
  .support h2{margin-bottom:14px}
  .heart{color:var(--coral)}
  .note{color:var(--muted);font-size:15px;margin-top:18px}
  /* захист від перепродажу (17.09.2026) */
  .nfs{background:#fff;border:2px solid var(--coral);border-radius:24px;padding:26px 30px;margin:26px 0 0;text-align:center}
  .nfs h2{margin:0 0 10px;color:var(--coral);font-size:26px;letter-spacing:.04em}
  .nfs p{margin:8px 0}
  .nfs .en{display:block}
  /* інший наш продукт — Focus Reader (01.10.2026) */
  .frbox{display:flex;gap:22px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px 32px}
  .frbox img{flex:0 0 64px;border-radius:16px}
  .frbox h2{font-size:26px;margin-bottom:8px}
  .frbox .en{display:block}
  .btn-fr{display:inline-block;margin-top:14px;background:#fff;color:var(--ink);border:2px solid var(--ink);text-decoration:none}
  .btn-fr:hover{background:var(--cream)}
  .en-inline{color:var(--muted);font-weight:600}
  @media(max-width:600px){.frbox{flex-direction:column;padding:24px}}
  /* приватність (01.10.2026) */
  .privacy-box{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px 34px;margin-top:10px}
  .privacy-box h2{margin-bottom:12px}
  .privacy-box ul{margin:0 0 0 20px}
  .privacy-box li{margin:10px 0}
  .privacy-box .en{display:block}
  footer{border-top:1px solid var(--line);padding:34px 0;text-align:center;
         color:var(--muted);font-size:15px}
  footer .lic{margin-top:6px}
  @media(max-width:780px){
    .brandhero h1{font-size:46px}
    .products{grid-template-columns:1fr}
    .cards{grid-template-columns:1fr}
    .gallery{grid-template-columns:repeat(2,1fr)}
  }

/* 18.09.2026: замість inline style= (CSP style-src 'self' блокує атрибути) */
.cta-center{justify-content:center}
.lead-tight{margin:0 auto 18px}

/* ===== Соцмережі PixelKava у підвалі (10.10.2026) =====
   Набір: PixelKava бренд\Компоненти для сайтів (соцмережі · нова вкладка)\pixelkava-social.css.
   Кольори — палітра «Нашої мови» (правило капітана 06.10: кольори за призначенням сайту), не PixelKava. */
footer{--card:#FFFFFF;--link:var(--ink)}
footer .social-made{margin-top:18px}
footer .social-made .en-inline{font-weight:400}
footer .footer-social{justify-content:center;margin:10px 0 0}
footer .footer-social a{font-size:15px;min-height:44px}
footer .footer-social a:hover{border-color:var(--teal);color:var(--ink)}
footer .footer-social a:focus-visible{outline:3px solid var(--teal);outline-offset:2px}
/* лише для програм читання з екрана */
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.nowrap{white-space:nowrap} /* 20.10.2026: «· One-time» + значок вкладки не рвуться на вузькому екрані */
/* Рядок пігулок: підпис + посилання. Працює і в підвалі, і в картці, і в записі «Що нового». */
.footer-social { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 4px 0 20px; }
.footer-social > span { color: var(--ink, #2C2A5E); font-weight: 700; margin-inline-end: 4px; }
.footer-social a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 6px 16px;
  border: 2px solid var(--line, rgba(44,42,94,.18)); border-radius: 999px; background: var(--card, #FFFFFF);
  color: var(--ink, #2C2A5E); font-weight: 700; text-decoration: none; line-height: 1.3; }
.footer-social a:hover { border-color: var(--link, #5C52FF); color: var(--link, #5C52FF); text-decoration: none; }
.footer-social a::before { content: ""; width: 1.15em; height: 1.15em; flex: none; background-color: currentColor;
  -webkit-mask: var(--icon) no-repeat center / contain; mask: var(--icon) no-repeat center / contain; }

/* Іконки мереж (додати клас на <a>). Instagram — готовий на майбутнє (на FR ще не ввімкнено). */
.soc-x { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z'/%3E%3C/svg%3E"); }
.soc-bluesky { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5.202 2.857C7.954 4.922 10.913 9.11 12 11.358c1.087-2.247 4.046-6.436 6.798-8.501C20.783 1.366 24 .213 24 3.883c0 .732-.42 6.156-.667 7.037-.856 3.061-3.978 3.842-6.755 3.37 4.854.826 6.089 3.562 3.422 6.299-5.065 5.196-7.28-1.304-7.847-2.97-.104-.305-.152-.448-.153-.327 0-.121-.05.022-.153.327-.568 1.666-2.782 8.166-7.847 2.97-2.667-2.737-1.432-5.473 3.422-6.3-2.777.473-5.899-.308-6.755-3.369C.42 10.04 0 4.615 0 3.883c0-3.67 3.217-2.517 5.202-1.026'/%3E%3C/svg%3E"); }
.soc-mastodon { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23.268 5.313c-.35-2.578-2.617-4.61-5.304-5.004C17.51.242 15.792 0 11.813 0h-.03c-3.98 0-4.835.242-5.288.309C3.882.692 1.496 2.518.917 5.127.64 6.412.61 7.837.661 9.143c.074 1.874.088 3.745.26 5.611.118 1.24.325 2.47.62 3.68.55 2.237 2.777 4.098 4.96 4.857 2.336.792 4.849.923 7.256.38.265-.061.527-.132.786-.213.585-.184 1.27-.39 1.774-.753a.057.057 0 0 0 .023-.043v-1.809a.052.052 0 0 0-.02-.041.053.053 0 0 0-.046-.01 20.282 20.282 0 0 1-4.709.545c-2.73 0-3.463-1.284-3.674-1.818a5.593 5.593 0 0 1-.319-1.433.053.053 0 0 1 .066-.054c1.517.363 3.072.546 4.632.546.376 0 .75 0 1.125-.01 1.57-.044 3.224-.124 4.768-.422.038-.008.077-.015.11-.024 2.435-.464 4.753-1.92 4.989-5.604.008-.145.03-1.52.03-1.67.002-.512.167-3.63-.024-5.545zm-3.748 9.195h-2.561V8.29c0-1.309-.55-1.976-1.67-1.976-1.23 0-1.846.79-1.846 2.35v3.403h-2.546V8.663c0-1.56-.617-2.35-1.848-2.35-1.112 0-1.668.668-1.67 1.977v6.218H4.822V8.102c0-1.31.337-2.35 1.011-3.12.696-.77 1.608-1.164 2.74-1.164 1.311 0 2.302.5 2.962 1.498l.638 1.06.638-1.06c.66-.999 1.65-1.498 2.96-1.498 1.13 0 2.043.395 2.74 1.164.675.77 1.012 1.81 1.012 3.12z'/%3E%3C/svg%3E"); }
.soc-threads { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.263 11.097c-.03-3.486-1.92-5.586-5.111-5.586-2.13 0-3.922.963-4.863 2.499l2.062 1.438c.535-.843 1.272-1.543 2.628-1.543 1.528 0 2.318.85 2.544 2.431a15 15 0 0 0-2.236-.173c-4.125 0-6.068 1.867-6.068 4.336s1.943 3.99 4.804 3.99c3.139 0 5.013-2.115 5.781-4.735.798.361 1.348 1.204 1.348 2.47 0 3.387-3.907 5.232-7.22 5.232-4.885 0-8.077-3.207-8.077-8.424 0-6.392 4.223-10.487 9.9-10.487 3.808 0 5.69 1.671 6.97 3.914l2.108-1.475C21.44 2.078 18.331 0 13.663 0 6.227 0 1.168 5.277 1.168 12.934c0 7 4.953 11.066 10.856 11.066 4.878 0 9.809-2.846 9.809-7.716 0-2.545-1.46-4.231-3.569-5.187m-6.33 4.855c-1.077 0-2.026-.512-2.026-1.453 0-1.483 1.822-1.934 3.606-1.934.678 0 1.34.045 1.927.173-.422 1.927-1.671 3.215-3.508 3.214Z'/%3E%3C/svg%3E"); }
.soc-instagram { --icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7.0301.084c-1.2768.0602-2.1487.264-2.911.5634-.7888.3075-1.4575.72-2.1228 1.3877-.6652.6677-1.075 1.3368-1.3802 2.127-.2954.7638-.4956 1.6365-.552 2.914-.0564 1.2775-.0689 1.6882-.0626 4.947.0062 3.2586.0206 3.6671.0825 4.9473.061 1.2765.264 2.1482.5635 2.9107.308.7889.72 1.4573 1.388 2.1228.6679.6655 1.3365 1.0743 2.1285 1.38.7632.295 1.6361.4961 2.9134.552 1.2773.056 1.6884.069 4.9462.0627 3.2578-.0062 3.668-.0207 4.9478-.0814 1.28-.0607 2.147-.2652 2.9098-.5633.7889-.3086 1.4578-.72 2.1228-1.3881.665-.6682 1.0745-1.3378 1.3795-2.1284.2957-.7632.4966-1.636.552-2.9124.056-1.2809.0692-1.6898.063-4.948-.0063-3.2583-.021-3.6668-.0817-4.9465-.0607-1.2797-.264-2.1487-.5633-2.9117-.3084-.7889-.72-1.4568-1.3876-2.1228C21.2982 1.33 20.628.9208 19.8378.6165 19.074.321 18.2017.1197 16.9244.0645 15.6471.0093 15.236-.005 11.977.0014 8.718.0076 8.31.0215 7.0301.0839m.1402 21.6932c-1.17-.0509-1.8053-.2453-2.2287-.408-.5606-.216-.96-.4771-1.3819-.895-.422-.4178-.6811-.8186-.9-1.378-.1644-.4234-.3624-1.058-.4171-2.228-.0595-1.2645-.072-1.6442-.079-4.848-.007-3.2037.0053-3.583.0607-4.848.05-1.169.2456-1.805.408-2.2282.216-.5613.4762-.96.895-1.3816.4188-.4217.8184-.6814 1.3783-.9003.423-.1651 1.0575-.3614 2.227-.4171 1.2655-.06 1.6447-.072 4.848-.079 3.2033-.007 3.5835.005 4.8495.0608 1.169.0508 1.8053.2445 2.228.408.5608.216.96.4754 1.3816.895.4217.4194.6816.8176.9005 1.3787.1653.4217.3617 1.056.4169 2.2263.0602 1.2655.0739 1.645.0796 4.848.0058 3.203-.0055 3.5834-.061 4.848-.051 1.17-.245 1.8055-.408 2.2294-.216.5604-.4763.96-.8954 1.3814-.419.4215-.8181.6811-1.3783.9-.4224.1649-1.0577.3617-2.2262.4174-1.2656.0595-1.6448.072-4.8493.079-3.2045.007-3.5825-.006-4.848-.0608M16.953 5.5864A1.44 1.44 0 1 0 18.39 4.144a1.44 1.44 0 0 0-1.437 1.4424M5.8385 12.012c.0067 3.4032 2.7706 6.1557 6.173 6.1493 3.4026-.0065 6.157-2.7701 6.1506-6.1733-.0065-3.4032-2.771-6.1565-6.174-6.1498-3.403.0067-6.156 2.771-6.1496 6.1738M8 12.0077a4 4 0 1 1 4.008 3.9921A3.9996 3.9996 0 0 1 8 12.0077'/%3E%3C/svg%3E"); }

/* Іконка «відкривається в новій вкладці» — замість стрілки ↗. Ставити БЕЗ пробілу перед нею (інакше пробіл підкреслюється). */
.ext { display: inline-block; width: .8em; height: .8em; margin-inline-start: .3em; vertical-align: -.05em;
  background-color: currentColor; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6'/%3E%3Cpath d='M20 4 11 13'/%3E%3Cpath d='M18 14v4.5A1.5 1.5 0 0 1 16.5 20h-11A1.5 1.5 0 0 1 4 18.5v-11A1.5 1.5 0 0 1 5.5 6H10'/%3E%3C/svg%3E") no-repeat center / contain; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 4h6v6'/%3E%3Cpath d='M20 4 11 13'/%3E%3Cpath d='M18 14v4.5A1.5 1.5 0 0 1 16.5 20h-11A1.5 1.5 0 0 1 4 18.5v-11A1.5 1.5 0 0 1 5.5 6H10'/%3E%3C/svg%3E") no-repeat center / contain; }