.hero-card.home-hero{padding:42px;isolation:isolate;background:linear-gradient(135deg,color-mix(in srgb,var(--surface) 92%,transparent),color-mix(in srgb,var(--surface2) 72%,transparent)),radial-gradient(560px 320px at 86% 12%,rgba(242,193,78,.22),transparent 70%),radial-gradient(520px 300px at 10% 0%,rgba(47,125,90,.16),transparent 68%)}
.home-hero:before{content:"";position:absolute;inset:auto 34px 28px auto;width:120px;height:120px;border-radius:34px;background:linear-gradient(135deg,var(--brand),var(--brand2));opacity:.11;transform:rotate(10deg)}
.home-hero .hero-grid{grid-template-columns:1.08fr .92fr;align-items:center}.home-hero h1{max-width:880px}.home-hero-badges{display:flex;gap:9px;flex-wrap:wrap;margin:18px 0 22px}.home-hero-badges .tag{font-weight:850;color:var(--text);background:color-mix(in srgb,var(--surface2) 82%,var(--surface))}.hero-proof{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:12px}.proof-card{min-height:138px;border:1px solid var(--line);border-radius:26px;background:color-mix(in srgb,var(--surface) 88%,transparent);padding:18px;box-shadow:0 1px 0 rgba(0,0,0,.02)}.proof-card.big{grid-column:1/-1;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 13%,var(--surface)),color-mix(in srgb,var(--accent) 14%,var(--surface)))}.proof-card b{display:block;font-size:clamp(26px,4vw,42px);line-height:1;color:var(--brand);letter-spacing:-.045em}.proof-card span{display:block;margin-top:8px;color:var(--muted);font-weight:750}.proof-card p{margin:8px 0 0;color:var(--muted)}
.audience-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.audience-card{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:0 1px 0 rgba(0,0,0,.02);transition:.18s}.audience-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.audience-card h3{margin:12px 0 8px;font-size:19px;letter-spacing:-.02em}.audience-card p{margin:0;color:var(--muted);font-size:14px}.icon-bubble{width:42px;height:42px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 18%,var(--surface2)),color-mix(in srgb,var(--brand2) 14%,var(--surface2)));font-weight:950;color:var(--brand)}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.process-card{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:22px;overflow:hidden}.process-card:before{content:attr(data-step);position:absolute;right:18px;top:12px;font-size:54px;line-height:1;font-weight:950;color:color-mix(in srgb,var(--brand) 14%,transparent);letter-spacing:-.08em}.process-card h3{position:relative;margin:8px 0 8px;font-size:22px}.process-card p{position:relative;color:var(--muted);margin:0}.status-system{display:flex;gap:10px;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:10px 12px;font-weight:850}.status-dot{width:10px;height:10px;border-radius:999px;background:var(--brand)}.status-pill.warn .status-dot{background:#e7a900}.status-pill.ok .status-dot{background:#14a064}.status-pill.info .status-dot{background:var(--brand2)}.visual-strip{border:1px solid var(--line);border-radius:30px;background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 10%,var(--surface)),color-mix(in srgb,var(--accent) 11%,var(--surface)));padding:24px}.visual-strip h2{margin:0 0 8px}.visual-strip p{color:var(--muted);margin:0}.sticky-mobile-cta{display:none}
@media(max-width:980px){.home-hero .hero-grid{grid-template-columns:1fr}.audience-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:1fr}.hero-proof{grid-template-columns:1fr 1fr}}
@media(max-width:620px){
  .header-inner{gap:7px;min-width:0;padding:10px 0}
  .brand{flex:1;min-width:0;overflow:hidden}
  .brand img{display:block;height:40px;max-width:148px;width:auto;object-fit:contain;object-position:left center}
  .actions{flex:0 0 auto;gap:5px}
  .actions .btn{padding:8px 9px;border-radius:14px;font-size:13px;line-height:1}
  .actions [data-action=theme]{display:none}
  .nav{top:68px}
  .hero{padding:20px 0 12px}
  .hero-card.home-hero{padding:19px 18px 20px;border-radius:24px}
  .home-hero:before{width:76px;height:76px;right:18px;bottom:18px;border-radius:24px}
  .home-hero h1{font-size:34px;line-height:1.02;margin:10px 0 12px;letter-spacing:-.04em}
  .home-hero .lead{font-size:17px;line-height:1.48;margin:0 0 14px}
  .home-hero-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:14px 0 16px}
  .home-hero-badges .tag{width:auto;min-width:0;justify-content:center;text-align:center;padding:7px 8px;font-size:11px;line-height:1.2}
  .home-hero .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .home-hero .hero-actions .btn{justify-content:center;text-align:center;font-size:13px;line-height:1.25;padding:10px 8px}
  .home-hero .hero-actions .btn:first-child{grid-column:1/-1}
  .hero-proof{display:none}
  .audience-grid{grid-template-columns:1fr}
  .process-card{padding:18px;border-radius:22px}
  .process-card:before{font-size:42px;right:14px}
  .visual-strip{padding:18px;border-radius:24px}
  .sticky-mobile-cta{display:flex;position:fixed;left:12px;right:12px;bottom:12px;z-index:40;gap:8px;padding:8px;border:1px solid var(--line);border-radius:22px;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:blur(14px);box-shadow:var(--shadow)}
  .sticky-mobile-cta .btn{flex:1;justify-content:center}
}