:root{--bg:#0f1115;--fg:#e8e9ec;--mut:#9aa0aa;--acc:#ff5a36;--card:#171a21}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:inherit}.muted{color:var(--mut);font-weight:400;margin-left:.3em}
.top{display:flex;justify-content:space-between;align-items:center;padding:20px 5vw;flex-wrap:wrap;gap:12px}
.logo{font-weight:700;font-size:20px;text-decoration:none;display:flex;align-items:center}
.dot{width:12px;height:12px;border-radius:50%;background:var(--acc);margin-right:8px}
nav a{margin-left:20px;text-decoration:none;color:var(--mut)}nav a:hover{color:var(--fg)}
.btn{background:var(--acc);color:#fff!important;padding:8px 16px;border-radius:6px;text-decoration:none}
.btn.big{display:inline-block;padding:12px 26px;font-size:17px}
.hero{padding:12vh 5vw 10vh;max-width:900px}.hero h1{font-size:clamp(34px,6vw,64px);line-height:1.1;margin:0 0 20px}
.hero p{color:var(--mut);font-size:19px;max-width:620px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;padding:0 5vw 80px}
.grid h3{margin:12px 0 2px}.grid p{margin:0;color:var(--mut)}
.thumb{aspect-ratio:16/9;border-radius:8px}
.t1{background:linear-gradient(135deg,#1e3c72,#2a5298)}.t2{background:linear-gradient(135deg,#603813,#b29f94)}.t3{background:linear-gradient(135deg,#42275a,#734b6d)}
.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;padding:60px 5vw;background:var(--card)}
.services h2{font-size:20px;margin:0 0 6px}.services p{color:var(--mut);margin:0}
.contact{padding:80px 5vw;text-align:center}.contact a{color:var(--acc);font-size:20px}
footer{padding:30px 5vw;color:var(--mut);font-size:14px;border-top:1px solid #222}