:root{
  --bg:#f7f9fc;--ink:#0b1f3a;--muted:#637189;--line:#e6ecf3;--white:#fff;
  --navy:#071b33;--orange:#ff5a00;--blue:#3458ff;--green:#08b879;
  --shadow:0 18px 50px rgba(22,48,84,.10);--radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
radial-gradient(circle at 10% 0%,#edf5ff 0,transparent 28rem),
radial-gradient(circle at 100% 22%,#fff1e8 0,transparent 22rem),
var(--bg);color:var(--ink);font-family:Tahoma,Arial,"Segoe UI",sans-serif;line-height:1.85}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.shell{width:min(1180px,calc(100% - 32px));margin:auto}
.header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(230,236,243,.85)}
.header-in{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:22px;direction:ltr}
.brand img{width:42px;height:42px;object-fit:contain}
.nav{display:flex;align-items:center;gap:24px;font-size:14px;font-weight:700}
.nav a{padding:8px 2px;position:relative}
.nav a.active:after,.nav a:hover:after{content:"";position:absolute;right:0;left:0;bottom:0;height:2px;border-radius:2px;background:var(--blue)}
.mobile-toggle{display:none}
.hero{padding:34px 0 24px}
.hero-card{position:relative;overflow:hidden;min-height:390px;border:1px solid var(--line);border-radius:34px;background:#fff;box-shadow:var(--shadow)}
.hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.92) 38%,rgba(255,255,255,.48) 72%,rgba(255,255,255,.15) 100%);z-index:1}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-copy{position:relative;z-index:2;width:min(680px,70%);padding:52px 52px 48px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;background:#f4f7fb;border:1px solid var(--line);border-radius:999px;font-size:12px;color:var(--muted);font-weight:700}
.hero h1,.inner-hero h1{margin:16px 0 12px;font-size:clamp(36px,5vw,64px);line-height:1.12;letter-spacing:-2.2px}
.hero h2{font-size:clamp(24px,3vw,39px);line-height:1.45;margin:0 0 16px}
.lead{font-size:16px;color:var(--muted);max-width:650px;margin:0}
.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.hero-tags span{background:rgba(255,255,255,.8);border:1px solid var(--line);border-radius:999px;padding:6px 10px;font-size:12px;color:#42516a}
.services{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:10px 0 68px;direction:rtl}
.service{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:22px;min-height:470px;display:flex;flex-direction:column}
.service.call{background:linear-gradient(180deg,#fff7f2 0,#fff 48%)}
.service.chat{background:linear-gradient(180deg,#f5f6ff 0,#fff 48%)}
.service.apps{background:linear-gradient(180deg,#effdf8 0,#fff 48%)}
.service-visual{height:190px;border-radius:22px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:18px}
.service-visual img{max-height:100%;width:auto;object-fit:contain}
.service h3{font-size:26px;margin:0 0 5px}
.service p{color:var(--muted);font-size:14px;margin:0 0 14px}
.points{display:grid;gap:8px;margin:8px 0 20px;padding:0;list-style:none;font-size:13px}
.points li{display:flex;align-items:center;gap:8px}
.points li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--blue);flex:0 0 auto}
.call .points li:before{background:var(--orange)}.apps .points li:before{background:var(--green)}
.btn{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:15px;padding:11px 16px;font-weight:900;color:#fff;box-shadow:0 10px 24px rgba(31,48,86,.14)}
.btn.call{background:linear-gradient(135deg,#ff7b24,var(--orange))}
.btn.chat{background:linear-gradient(135deg,#4f78ff,#4234f5)}
.btn.apps{background:linear-gradient(135deg,#17cb91,#08a66e)}
.trust{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:var(--line);margin-bottom:60px}
.trust div{background:#fff;padding:18px;text-align:center;font-size:13px}
.trust b{display:block;font-size:16px;margin-bottom:3px}
.footer{border-top:1px solid var(--line);background:#fff}
.footer-in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;color:var(--muted);font-size:12px}
.inner{padding:34px 0 62px}
.inner-hero{position:relative;overflow:hidden;border:1px solid var(--line);background:#fff;border-radius:32px;box-shadow:var(--shadow);padding:44px}
.inner-hero.chat{background:linear-gradient(135deg,#f5f6ff,#fff)}
.inner-hero.call{background:linear-gradient(135deg,#fff4ec,#fff)}
.inner-hero.apps{background:linear-gradient(135deg,#edfbf6,#fff)}
.inner-hero p{max-width:720px;color:var(--muted);font-size:15px}
.action-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border-radius:14px;padding:10px 18px;font-weight:900;border:1px solid var(--line);background:#fff}
.action.primary{border:none;color:#fff;background:var(--blue)}
.call .action.primary{background:var(--orange)}.apps .action.primary{background:var(--green)}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px}
.feature{background:#fff;border:1px solid var(--line);border-radius:21px;padding:19px;min-height:145px}
.feature .ico{font-size:26px}.feature h3{font-size:16px;margin:8px 0 4px}.feature p{font-size:12px;color:var(--muted);margin:0}
.section{padding:30px 0 0}.section h2{font-size:28px;margin:0 0 5px}.section>p{color:var(--muted);margin:0 0 18px}
.download-shell{display:grid;grid-template-columns:270px 1fr;gap:18px;margin-top:24px;align-items:start}
.download-side{position:sticky;top:94px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:var(--shadow)}
.download-side a{display:flex;align-items:center;gap:9px;border-radius:14px;padding:11px 12px;font-size:13px;font-weight:700}
.download-side a:hover,.download-side a.active{background:#f1f5ff;color:#233bc8}
.download-main{background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px;box-shadow:var(--shadow)}
.download-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:4px 4px 16px;border-bottom:1px solid var(--line)}
.download-head h2{margin:0;font-size:25px}.download-head p{margin:2px 0 0;color:var(--muted);font-size:12px}
.download-list{display:grid;gap:10px;margin-top:15px}
.download-item{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px;border:1px solid var(--line);border-radius:18px;padding:15px}
.download-item b{display:block}.download-item small{display:block;color:var(--muted);margin-top:3px}
.download-btn{display:inline-flex;align-items:center;justify-content:center;min-width:110px;min-height:40px;border-radius:12px;background:#1559ff;color:#fff;font-weight:900;font-size:13px;padding:7px 13px}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.category{background:#fff;border:1px solid var(--line);border-radius:24px;padding:22px;min-height:190px;transition:.2s;box-shadow:0 10px 30px rgba(20,42,75,.06)}
.category:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.category .cat-ico{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:#f2f6ff;font-size:25px}
.category h3{margin:13px 0 5px}.category p{font-size:12px;color:var(--muted);margin:0}
.notice{border:1px dashed #cdd8e7;background:#f9fbfe;border-radius:16px;padding:13px;color:var(--muted);font-size:12px;margin-top:16px}
.logo-mark{width:42px;height:42px}
@media(max-width:900px){
  .nav{display:none}.mobile-toggle{display:block;font-size:24px}
  .hero-copy{width:78%}.services,.category-grid{grid-template-columns:1fr 1fr}
  .trust{grid-template-columns:1fr 1fr 1fr}.feature-grid{grid-template-columns:1fr 1fr}
  .download-shell{grid-template-columns:1fr}.download-side{position:static;display:grid;grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .shell{width:min(100% - 20px,1180px)}.header-in{height:66px}.brand{font-size:18px}.brand img{width:36px;height:36px}
  .hero{padding:16px 0 14px}.hero-card{min-height:auto;border-radius:24px}.hero-card:before{background:linear-gradient(180deg,rgba(255,255,255,.83),rgba(255,255,255,.97))}
  .hero-bg{opacity:.46}.hero-copy{width:100%;padding:28px 22px 25px}.hero h1{font-size:38px}.hero h2{font-size:25px}
  .lead{font-size:13px}.services,.category-grid,.feature-grid,.trust{grid-template-columns:1fr}.services{gap:12px;padding-bottom:34px}
  .service{min-height:auto;border-radius:23px;padding:17px}.service-visual{height:150px}.service h3{font-size:21px}.points{margin-bottom:14px}
  .trust div{padding:13px}.footer-in{flex-direction:column;align-items:flex-start;padding:20px 0}
  .inner{padding:18px 0 40px}.inner-hero{border-radius:24px;padding:25px 20px}.inner-hero h1{font-size:34px}.action-row{display:grid}.action{width:100%}
  .download-side{grid-template-columns:1fr 1fr}.download-main{padding:12px}.download-head{align-items:flex-start;flex-direction:column}
  .download-item{grid-template-columns:1fr}.download-btn{width:100%}
}