*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#10131a;background:#f7f8fa;line-height:1.6}a{color:inherit;text-decoration:none}.nav{max-width:1160px;margin:auto;padding:24px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.25rem;font-weight:900;letter-spacing:.08em}.logo span,footer span{color:#5b5cf0}.links{display:flex;gap:28px;font-size:.9rem;color:#5b616c}.hero{max-width:1160px;margin:auto;padding:90px 24px 120px;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.eyebrow{font-size:.75rem;letter-spacing:.16em;font-weight:800;color:#5b5cf0}.hero h1{font-size:clamp(3rem,7vw,5.8rem);line-height:.98;letter-spacing:-.055em;margin:18px 0 28px}.lead{font-size:1.25rem;max-width:650px;color:#5b616c}.actions{display:flex;gap:14px;margin-top:35px}.button{display:inline-block;padding:13px 20px;border-radius:9px;font-weight:750}.primary{background:#10131a;color:#fff}.secondary{border:1px solid #d8dce3}.hero-card{min-height:430px;border-radius:28px;background:#10131a;position:relative;overflow:hidden;display:flex;align-items:end;padding:28px}.orb{position:absolute;width:330px;height:330px;border-radius:50%;background:linear-gradient(135deg,#7779ff,#5b5cf0 45%,#20234c);filter:blur(1px);top:45px;left:45px;box-shadow:0 0 100px #5b5cf0}.card-content{position:relative;z-index:2;display:flex;gap:10px;flex-wrap:wrap}.card-content span,.tech-list span{border:1px solid #ffffff35;border-radius:100px;padding:8px 12px;color:#fff;font-size:.75rem;letter-spacing:.08em}.section{max-width:1160px;margin:auto;padding:100px 24px}.section h2{font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;letter-spacing:-.04em;margin:12px 0 20px;max-width:800px}.section-intro{max-width:700px;color:#5b616c;font-size:1.1rem}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:45px}.grid article{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:25px}.grid h3{margin:30px 0 8px}.grid p{color:#656b75;font-size:.92rem}.icon{font-weight:800;color:#5b5cf0}.dark{max-width:none;background:#10131a;color:#fff;padding-left:max(24px,calc((100% - 1112px)/2));padding-right:max(24px,calc((100% - 1112px)/2))}.dark .section-intro{color:#b5bbc5}.tech-list{display:flex;flex-wrap:wrap;gap:12px;margin-top:40px}.contact{text-align:center}.contact h2,.contact .section-intro{margin-left:auto;margin-right:auto}.contact .button{margin-top:20px}footer{border-top:1px solid #e1e4e8;padding:30px 24px;max-width:1160px;margin:auto;display:flex;justify-content:space-between;color:#5b616c;font-size:.9rem}footer div{font-weight:900;color:#10131a;letter-spacing:.08em}@media(max-width:800px){.links{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-card{min-height:280px}.grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.grid{grid-template-columns:1fr}.hero h1{font-size:3.2rem}footer{display:block}footer small{display:block;margin-top:10px}}