:root{--accent:#7239ea;--ink:#202238;--muted:#72788c;--nav:#1e1e2d}*{box-sizing:border-box}body{margin:0;background:#f5f7fb;color:var(--ink);font:16px/1.9 Tahoma,Arial,sans-serif}header{display:flex;justify-content:space-between;padding:24px 5%;background:white;border-bottom:1px solid #e8eaf0}a{color:var(--accent);text-decoration:none}main{max-width:1240px;margin:auto;padding:40px 24px}.intro{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center;margin-bottom:50px}h1{font-size:40px;line-height:1.6}h2{font-size:23px}.intro span{color:var(--accent)}aside{background:var(--nav);color:white;padding:30px;border-radius:18px;border-top:4px solid var(--accent)}aside p{color:#d3d5e4}form{display:flex;gap:18px;align-items:center;padding:22px;background:white;border-radius:12px;margin-bottom:24px}input,button{font:inherit;padding:10px;border:1px solid #cdd0dc;border-radius:8px}input{flex:1}button{background:var(--accent);color:white;border:0;padding:11px 26px;cursor:pointer}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}article{padding:26px;background:white;border:1px solid #e8eaf0;border-radius:16px}article p[dir]{text-align:right;color:var(--muted);font-size:14px}.badge{background:#eee7ff;color:var(--accent);padding:5px 12px;border-radius:6px;font-size:14px}.service{display:flex;justify-content:space-between;padding:12px 0;border-top:1px solid #eff0f4;font-size:14px}small{font-size:13px;color:var(--muted)}aside small{color:#c9b8ef}nav,footer{text-align:center;padding:26px}footer{font-size:14px;color:var(--muted)}:focus-visible{outline:3px solid #9868ee;outline-offset:3px}@media(max-width:850px){.intro{grid-template-columns:1fr;gap:22px}.cards{grid-template-columns:repeat(2,1fr)}h1{font-size:30px}form{flex-wrap:wrap}}@media(max-width:550px){.cards{grid-template-columns:1fr}header{gap:15px;flex-direction:column}form{display:grid}main{padding:22px 16px}}