:root{--ink:#3E2C6B;--deep:#2A1C4F;--sun:#FFC107;--cream:#FFF8EC;--pink:#EC407A;--sky:#8EC5FF;--red:#EF5350}
*{box-sizing:border-box}
body{margin:0;font-family:"Nunito","Avenir Next",-apple-system,system-ui,sans-serif;color:var(--ink);background:var(--cream);line-height:1.6}
a{color:var(--pink)}
.wrap{max-width:1080px;margin:0 auto;padding:0 22px}
header.top{display:flex;align-items:center;gap:12px;padding:18px 0}
header.top img{width:44px;height:44px;border-radius:12px}
header.top b{font-size:1.15rem}
header.top nav{margin-left:auto;display:flex;gap:18px}
header.top nav a{color:var(--ink);text-decoration:none;font-weight:700}
.hero{background:var(--deep);color:#fff;border-radius:32px;padding:56px 44px;display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center;overflow:hidden;position:relative}
.hero:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(var(--pink),transparent 70%);opacity:.35;right:-120px;top:-140px}
.hero h1{font-size:clamp(2.1rem,4.6vw,3.4rem);line-height:1.08;margin:0 0 16px;letter-spacing:-.02em}
.hero h1 span{color:var(--sun)}
.hero p{font-size:1.15rem;opacity:.92;max-width:34em}
.langs{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}
.langs span{background:rgba(255,255,255,.12);border-radius:999px;padding:6px 14px;font-weight:700}
.badge{display:inline-block;background:var(--sun);color:var(--deep);font-weight:800;padding:14px 26px;border-radius:16px;text-decoration:none;font-size:1.05rem}
.hero .phone{justify-self:center;position:relative}
.hero .phone img{width:min(300px,70vw);border-radius:34px;border:8px solid #111;box-shadow:0 30px 60px rgba(0,0,0,.45);transform:rotate(3deg)}
section{padding:64px 0}
h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 10px;letter-spacing:-.01em}
.lead{max-width:40em;font-size:1.1rem}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.card{background:#fff;border-radius:22px;padding:24px;box-shadow:0 4px 0 rgba(62,44,107,.08)}
.card .ic{font-size:2rem}
.card h3{margin:8px 0 6px}
.shots{display:flex;gap:18px;overflow-x:auto;padding:10px 4px 24px;scroll-snap-type:x mandatory}
.shots img{width:230px;flex:none;border-radius:26px;border:6px solid #111;scroll-snap-align:start}
.trust{background:var(--ink);color:#fff;border-radius:28px;padding:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}
.trust b{display:block;font-size:1.25rem;color:var(--sun)}
footer{padding:40px 0;text-align:center;font-size:.95rem;opacity:.85}
footer a{margin:0 10px;color:var(--ink)}
.doc{max-width:720px;margin:0 auto;padding:10px 22px 60px}
.doc h1{font-size:2.2rem;margin-bottom:0}
.doc .muted{opacity:.7;margin-top:4px}
.doc h2{font-size:1.3rem;margin-top:32px}
@media (max-width:820px){.hero{grid-template-columns:1fr;padding:40px 26px}.grid{grid-template-columns:1fr}.trust{grid-template-columns:1fr 1fr}header.top nav{display:none}}

html,body{overflow-x:hidden}.hero>*{min-width:0}