*{box-sizing:border-box}
html,body{margin:0;padding:0;background:#f7f9f9;font-family:Inter,Arial,sans-serif;color:#0d1117}
body{overflow-x:hidden}
.desktop-page{width:100%;margin:0;padding:0;background:#f7f9f9;overflow:hidden}
.mockup{position:relative;width:1672px;height:941px;margin:0 auto;background:#f7f9f9}
.mockup>img{position:absolute;inset:0;width:1672px;height:941px;display:block;pointer-events:none;user-select:none}
.logo-hot{position:absolute;z-index:12;display:block}
.logo-top{left:86px;top:16px;width:278px;height:76px}
.logo-footer{left:96px;top:862px;width:246px;height:62px}
.notify-hotspot{position:absolute;left:115px;top:421px;width:474px;height:43px;z-index:10;margin:0;padding:0}
.hp{position:absolute;left:-9999px;opacity:0;width:0;height:0}
.email-real{position:absolute;left:52px;top:0;width:275px;height:43px;border:0;outline:0;background:transparent;color:#1f2933;font:400 16px/43px Inter,Arial,sans-serif;padding:0;margin:0}
.email-real::placeholder{color:transparent}
.button-real{position:absolute;left:331px;top:0;width:143px;height:43px;border:0;background:transparent;cursor:pointer;padding:0;margin:0}
.button-real:disabled{cursor:wait}
.form-message{position:absolute;left:115px;top:515px;width:480px;z-index:11;display:none;font:800 13px/1.35 Inter,Arial,sans-serif;background:rgba(255,255,255,.95);border-radius:7px;padding:7px 10px;box-shadow:0 4px 16px rgba(13,17,23,.08)}
.form-message.success{display:block;color:#008f5a}.form-message.error{display:block;color:#b42318}
.nav-hot{position:absolute;z-index:9;display:block;height:36px}
.nav-hot.about{left:1140px;top:35px;width:58px}.nav-hot.platform{left:1242px;top:35px;width:82px}.nav-hot.insights{left:1361px;top:35px;width:78px}.nav-hot.contact{left:1475px;top:35px;width:84px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.mobile-page{display:none}

@media (min-width:1673px){
  .desktop-page{background:#f1f3f3}
}
@media (max-width:1671px) and (min-width:761px){
  .mockup{transform:scale(calc(100vw / 1672));transform-origin:top left;margin:0}
  .desktop-page{height:calc(941px * (100vw / 1672));background:#f7f9f9}
}

@media (max-width:760px){
  html,body{background:#fff;overflow-x:hidden}
  .desktop-page{display:none}
  .mobile-page{display:block;background:#fff;min-height:100vh;width:100%;overflow:hidden}
  .mobile-header{padding:18px 22px 10px;text-align:left}
  .mobile-header img{width:250px;max-width:88%;height:auto}
  .mobile-hero{padding:20px 24px 4px}
  .mobile-kicker{display:inline-flex;flex-direction:column;gap:9px;margin:8px 0 18px;color:#00a96b;font-weight:900;text-transform:uppercase;letter-spacing:.03em;font-size:15px}
  .mobile-kicker:after{content:"";width:44px;height:2px;background:#00c389;border-radius:999px}
  .mobile-hero h1{margin:0 0 20px;font-weight:900;letter-spacing:-.055em;line-height:.97;font-size:clamp(48px,14vw,70px)}
  .mobile-hero h1 span,.mobile-hero h1 strong{display:block}
  .mobile-hero h1 strong{color:#00985f}
  .mobile-hero p{font-size:16px;line-height:1.55;color:#2f3946;margin:0 0 20px}
  .mobile-form{margin:0 0 22px}
  .mobile-form label{display:block;font-size:17px;font-weight:900;margin:0 0 10px}
  .mobile-form-row{display:grid;grid-template-columns:44px 1fr;grid-template-rows:44px 46px;border:1px solid #d7dfe5;border-radius:8px;overflow:hidden;background:#fff}
  .mail-icon{display:grid;place-items:center;color:#6f7a86}
  .mail-icon svg{width:22px;height:22px}
  .mobile-form input[type=email]{border:0;outline:0;font:400 16px Inter,Arial,sans-serif;color:#1f2933;min-width:0}
  .mobile-form button{grid-column:1/3;height:46px;border:0;background:linear-gradient(135deg,#08c67f,#00a25f);color:#fff;font:800 15px Inter,Arial,sans-serif}
  .mobile-message{display:none;margin-top:10px;font-size:13px;font-weight:800}.mobile-message.success{display:block;color:#008f5a}.mobile-message.error{display:block;color:#b42318}
  .mobile-note{font-size:14px!important;margin:12px 0 3px!important}.mobile-privacy{font-size:12px!important;color:#7b8692!important;margin:0!important}
  .mobile-devices{width:108%;max-width:none;margin:8px -4% 16px}
  .mobile-features{padding:0 22px 16px;display:grid;gap:16px}
  .mobile-features article{background:#fff;border:1px solid #e6ebef;border-radius:14px;box-shadow:0 8px 24px rgba(13,17,23,.07);padding:20px;display:grid;grid-template-columns:58px 1fr;column-gap:16px;align-items:center}
  .mobile-features .icon{width:56px;height:56px;border:1.8px solid #00a96b;border-radius:50%;display:grid;place-items:center;color:#00a96b;font-size:28px;grid-row:1/3}
  .mobile-features h3{font-size:17px;margin:0 0 6px}.mobile-features p{font-size:14px;line-height:1.5;color:#4f5965;margin:0}
  .mobile-why{margin:16px 22px 22px;background:#f3f6f7;border:1px solid #e9eef2;border-radius:14px;padding:24px}
  .mobile-why h2{font-size:24px;margin:0 0 10px}.mobile-why h2:after{content:"";display:block;width:42px;height:2px;background:#00c389;margin-top:10px}.mobile-why .green{color:#00a96b;font-weight:800;margin:0 0 18px}
  .why-list{display:grid;gap:14px}.why-list p{margin:0;font-size:14px;line-height:1.45;color:#4f5965}.why-list strong{color:#0d1117}
  .mobile-footer{border-top:1px solid #e3e9ee;margin:20px 22px 0;padding:20px 0 26px;text-align:left}
  .mobile-footer img{width:210px}.mobile-footer p{font-size:12px;color:#6c7682;margin:16px 0 0}
}