:root{--b:#1A73E8;--b2:#4285F4;--ink:#1f2937;--mut:#5f6b7a;--bg:#fff;--soft:#f6f9fe;--line:#e5eaf2}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:var(--b)}.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
header{position:sticky;top:0;background:rgba(255,255,255,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:10}
header .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{font-weight:800;font-size:1.35rem;color:var(--ink);text-decoration:none}.logo span{color:var(--b)}
nav a{margin-left:24px;color:var(--mut);text-decoration:none;font-size:.95rem}nav a:hover{color:var(--b)}
.btn{display:inline-block;background:var(--b);color:#fff!important;padding:14px 26px;border-radius:999px;text-decoration:none;font-weight:600;transition:background .2s,transform .2s;box-shadow:0 6px 18px rgba(26,115,232,.25)}
.btn:hover{background:#1557b0;transform:translateY(-2px)}.btn.ghost{background:#fff;color:var(--b)!important;border:1px solid var(--line);box-shadow:none}
.hero{padding:110px 0 90px;background:radial-gradient(900px 400px at 85% 0%,rgba(66,133,244,.12),transparent 70%),radial-gradient(700px 360px at 0% 100%,rgba(26,115,232,.07),transparent 70%)}
.tag{display:inline-block;background:var(--soft);color:var(--b);border:1px solid #d6e4fb;padding:6px 14px;border-radius:999px;font-size:.85rem;font-weight:600}
h1{font-size:clamp(2.1rem,5.5vw,3.8rem);line-height:1.1;margin:20px 0;letter-spacing:-.02em;max-width:820px}
h1 em{font-style:normal;background:linear-gradient(90deg,var(--b),var(--b2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{font-size:1.15rem;color:var(--mut);max-width:640px}.cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
section{padding:90px 0}h2{font-size:clamp(1.7rem,3.5vw,2.4rem);margin:0 0 12px;letter-spacing:-.01em}
.sub{color:var(--mut);max-width:620px;margin:0 0 44px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.card{border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff;transition:box-shadow .25s,transform .25s,border-color .25s}
.card:hover{box-shadow:0 14px 36px rgba(26,115,232,.12);transform:translateY(-4px);border-color:#cfe0fb}
.ic{width:48px;height:48px;border-radius:12px;background:var(--soft);color:var(--b);display:grid;place-items:center;margin-bottom:16px}
.card h3{margin:0 0 8px;font-size:1.15rem}.card p{margin:0;color:var(--mut)}
main>section{background:#fff}main>section:nth-of-type(odd):not(.hero):not(.contact){background:var(--soft)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;counter-reset:s}
.step{padding:24px;border-left:3px solid var(--b2);background:#fff;border-radius:0 14px 14px 0}
.step::before{counter-increment:s;content:"0" counter(s);color:var(--b);font-weight:800;font-size:1.1rem}
.step h3{margin:6px 0;font-size:1.05rem}.step p{margin:0;color:var(--mut);font-size:.95rem}
.clients{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}
.client{border:1px solid var(--line);border-radius:14px;padding:26px 16px;text-align:center;font-weight:700;color:#374151;letter-spacing:.01em;background:#fff;transition:color .2s,border-color .2s}
.client:hover{color:var(--b);border-color:#cfe0fb}
.contact{text-align:center;background:linear-gradient(135deg,#f2f7ff,#fff);border-top:1px solid var(--line)}
.contact .sub{margin:0 auto 32px}
footer{padding:28px 0;border-top:1px solid var(--line);color:var(--mut);font-size:.9rem}
footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.rv.on{opacity:1;transform:none}
@media (max-width:640px){nav{display:none}.hero{padding:70px 0 60px}section{padding:64px 0}.grid{grid-template-columns:1fr}.clients{grid-template-columns:1fr 1fr}.btn{width:100%;text-align:center}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rv{opacity:1;transform:none;transition:none}.card,.btn{transition:none}}
footer .ia{color:var(--b);font-weight:700}

.client{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:22px 14px;font-size:.88rem;font-weight:600;color:var(--mut)}
.client .logos{display:flex;align-items:center;justify-content:center;gap:10px;height:48px;width:100%}
.client img{height:48px;max-width:100%;min-width:0;flex:0 1 auto;object-fit:contain}
.client .logos img+img{max-width:48%}.client.inv img{filter:invert(1) hue-rotate(180deg)}
@media (max-width:640px){.client .logos,.client img{height:36px}.client{padding:18px 10px}}

.rot{display:inline-grid;vertical-align:bottom}.rot em{grid-area:1/1;opacity:0;transform:translateY(.35em);transition:opacity .5s ease,transform .5s ease;white-space:nowrap}
.rot em.on{opacity:1;transform:none}.rot em.out{opacity:0;transform:translateY(-.35em)}
@media (prefers-reduced-motion:reduce){.rot em{transition:none}}
.rot{justify-items:start}.client img{width:auto}