/* Home page */
.hero{background:var(--bg-page);padding:72px var(--gutter)}
.hero-row{display:flex;align-items:center;justify-content:space-between;gap:32px;max-width:1272px;margin:0 auto}
.hero-text{display:flex;flex-direction:column;gap:24px;width:640px;max-width:100%}
.hero-text h1{font-weight:600;font-size:56px;line-height:64px}
.hero-text p{font-size:20px;line-height:30px;color:var(--text-secondary)}
.hero-text .badges{padding-top:12px}
.hero-visual{position:relative;width:600px;height:560px;flex-shrink:0}
.hero-visual>*{position:absolute}
.hero-visual .backdrop{left:65px;top:45px;width:470px;height:470px}
.hero-visual .phone-left{left:28px;top:110px;width:155px;height:420px}
.hero-visual .phone-right{left:417px;top:110px;width:155px;height:420px}
.hero-visual .phone-centre{left:172px;top:20px;width:256px;height:520px}
.hero-visual img{object-fit:contain;max-width:none}

.today-row{display:flex;gap:64px;align-items:center;max-width:1272px;margin:0 auto}
.today-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:16px}
.today-text .eyebrow{font-weight:500;font-size:14px;line-height:20px;color:var(--text-accent)}
.today-text p.body{font-size:17px;line-height:28px;color:var(--text-secondary)}
.awards{display:flex;gap:16px}
.award{width:200px;height:200px;padding:16px;border:1px solid var(--line-site);border-radius:20px;background:var(--surface);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.award img.full{width:100%;height:100%;object-fit:contain}
.award-vec{position:relative;width:168.07px;height:141.38px}
.award-vec img{position:absolute;max-width:none}
.award-vec .a{inset:90.3% 28.35% 2.39% 28.65%;width:42.99%;height:7.31%}
.award-vec .b{inset:0 0 6.05% 0;width:100%;height:93.95%}
.award-vec .c{inset:25.46% 27.84% 39.32% 27.82%;width:44.34%;height:35.22%}

.partners{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1272px;margin:48px auto 0}
.partner{height:104px;padding:20px;background:var(--surface);border:1px solid var(--line-site);border-radius:16px}
.partner img{width:100%;height:100%;object-fit:contain}

.join-row{display:flex;gap:48px;align-items:center;justify-content:space-between;max-width:1272px;margin:0 auto}
.join-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:20px;align-items:flex-start}
.join-text .h2{color:#fff}
.join-text p{font-size:18px;line-height:28px;color:var(--muted-inverse)}
.stats{display:flex;gap:56px;padding-top:8px}
.stat strong{display:block;font-weight:600;font-size:44px;line-height:52px;color:#fff}
.stat span{display:block;margin-top:4px;font-size:14px;line-height:20px;color:var(--muted-inverse)}
.community{width:470px;height:470px;border-radius:28px;object-fit:cover;flex-shrink:0}

.reviews{display:flex;gap:24px;max-width:1272px;margin:48px auto 0}
.review{flex:1;min-width:0;background:var(--bg-page);border-radius:20px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;gap:24px}
.review p{font-size:15px;line-height:24px}
.author{display:flex;align-items:center;gap:12px;font-weight:500;font-size:14px;line-height:20px}
.avatar{width:40px;height:40px;border-radius:20px;background:var(--accent-bg-mist);color:var(--text-accent);font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center}

.solution-head{display:flex;flex-direction:column;gap:16px;align-items:center;text-align:center;max-width:1272px;margin:0 auto}
.solution-head p{max-width:820px}
.features{display:flex;gap:24px;max-width:1272px;margin:48px auto 0}
.feature{flex:1;min-width:0;background:var(--surface);border:1px solid var(--line-site);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:20px}
.feature-img{height:300px;padding:12px;border-radius:16px;background:var(--accent-bg-mist-2);overflow:hidden}
.feature-img img{width:100%;height:100%;object-fit:contain}
.feature h3{font-weight:600;font-size:20px;line-height:28px}
.feature p{margin-top:8px;font-size:15px;line-height:24px;color:var(--text-secondary)}

.cta-wrap{padding:80px var(--gutter)}
.cta{max-width:1272px;margin:0 auto;background:var(--panel-inverse);border-radius:32px;padding:72px 64px;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.cta .h2{color:#fff}
.cta p{font-size:18px;line-height:28px;color:var(--muted-inverse)}
.cta .badges{padding-top:8px}

@media (max-width:1100px){
  .hero-row{flex-direction:column}
  .hero-text{width:100%}
  .today-row,.join-row{flex-direction:column;align-items:stretch}
  .features{flex-wrap:wrap}
  .feature{flex:1 1 calc(50% - 12px)}
  .reviews{flex-direction:column}
  .community{width:100%;max-width:470px;height:auto;aspect-ratio:1;align-self:center}
}
@media (max-width:900px){
  .hero{padding:40px 16px}
  .hero-row{gap:32px}
  .hero-text{gap:20px}
  .hero-text h1{font-size:36px;line-height:42px}
  .hero-text p{font-size:18px;line-height:28px}
  .hero-text .badges{padding-top:4px}
  .hero-visual{width:358px;height:334px;max-width:100%;align-self:center}
  .hero-visual .backdrop{left:39px;top:27px;width:280px;height:280px}
  .hero-visual .phone-left{left:17px;top:66px;width:93px;height:251px}
  .hero-visual .phone-right{left:249px;top:66px;width:93px;height:251px}
  .hero-visual .phone-centre{left:103px;top:12px;width:153px;height:310px}
  .today-row{gap:28px}
  .awards{gap:8px}
  .award{width:114px;height:120px;padding:10px;border-radius:14px;flex:1;max-width:114px}
  .award-vec{width:94.04px;height:79.1px}
  .partners{grid-template-columns:repeat(2,1fr);gap:12px;margin-top:32px}
  .partner{height:80px;padding:14px}
  .join-row{gap:32px}
  .join-text p{font-size:16px;line-height:26px}
  .stats{gap:32px}
  .stat strong{font-size:32px;line-height:40px}
  .community{max-width:358px}
  .reviews{margin-top:32px}
  .review{padding:24px}
  .review p{font-size:16px;line-height:26px}
  .features{flex-direction:column;margin-top:32px}
  .feature{flex:none}
  .feature-img{height:260px}
  .cta-wrap{padding:40px 16px}
  .cta{padding:40px 24px;border-radius:28px}
  .cta p{font-size:16px;line-height:26px}
}