/**
 * Critical first-paint CSS (header + hero). Full theme CSS loads async.
 * Keep small — only above-the-fold essentials.
 */
:root{
  --tp-grafit:#1F2328;--tp-black:#111;--tp-topbar-text:#e8ecef;--tp-orange:#F28C28;
  --tp-orange-hover:#d97914;--tp-orange-rgb:242,140,40;--tp-bg:#F5F6F7;--tp-white:#fff;
  --tp-gray:#5B626A;--tp-border:#D9DEE3;--tp-font-heading:'Oswald','Arial Narrow',sans-serif;
  --tp-font-body:'IBM Plex Sans',system-ui,sans-serif;--tp-font-size-base:15px;--tp-line-height:1.5;
  --tp-container-max:1400px;--tp-container-padding:24px;--tp-header-height:86px;--tp-topbar-height:38px;
  --g:var(--tp-grafit);--or:var(--tp-orange);--bg:var(--tp-bg);--wh:var(--tp-white);--bd:var(--tp-border);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--tp-font-body);font-size:var(--tp-font-size-base);color:var(--tp-grafit);background:var(--tp-white);line-height:var(--tp-line-height)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.container{max-width:var(--tp-container-max);margin:0 auto;padding:0 var(--tp-container-padding)}
.topbar{background:var(--tp-black);color:var(--tp-topbar-text);font-size:12.5px}
.topbar-in{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--tp-topbar-height)}
.site-header{background:rgba(255,255,255,.92);border-bottom:1px solid var(--tp-border)}
.header-in{display:flex;align-items:center;justify-content:space-between;height:var(--tp-header-height);gap:12px}
.logo,.logo-img{display:block;height:40px;width:auto;max-width:180px;object-fit:contain}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:2px;border:1px solid transparent;text-decoration:none;font-weight:600;cursor:pointer}
.btn-or{background:var(--tp-orange);color:#fff}
.btn-ghost-g{border-color:var(--tp-grafit);color:var(--tp-grafit);background:transparent}
.hero-a{position:relative;background:var(--tp-bg);overflow:hidden}
.hero-a-in{display:grid;gap:24px;padding:28px var(--tp-container-padding) 36px;max-width:var(--tp-container-max);margin:0 auto}
.hero-a h1{font-family:var(--tp-font-heading);font-size:clamp(28px,6vw,44px);line-height:1.1;margin:0 0 12px;color:var(--tp-grafit)}
.hero-p{margin:0 0 16px;color:var(--tp-gray);max-width:36rem}
.hero-btns{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.hero-banner{background:#fff;border:1px solid var(--tp-border);border-radius:4px;overflow:hidden}
.hero-banner-ph img{width:100%;height:auto}
.hero-banner [data-tp-slide][hidden]{display:none!important}
@media (min-width:900px){
  :root{--tp-container-padding:48px}
  .hero-a-in{grid-template-columns:1.05fr .95fr;align-items:start;padding-top:40px;padding-bottom:48px}
}