:root{--blue:#2f73ff;--text:#101828;--muted:#526070;--soft:#e9f0f6;--bg:#fbfcfe}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Poppins,Arial,sans-serif;background:var(--bg);color:var(--text);font-size:12px}.site-header{height:54px;display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:auto;padding:0 32px}.brand{display:flex;gap:8px;align-items:center;text-decoration:none;color:#111}.brand-icon{background:#1264d8;color:#fff;font-weight:900;font-size:22px;width:32px;height:32px;border-radius:2px;display:grid;place-items:center}.brand b{display:block;font-size:20px;line-height:1}.brand small{display:block;font-size:7px;color:#111;letter-spacing:.5px}.nav{display:flex;gap:30px;align-items:center;text-transform:uppercase;font-weight:700;font-size:8px}.nav a{text-decoration:none;color:#1a2737}.nav .active{color:var(--blue)}.menu-btn{display:none;background:none;border:0;font-size:22px}.hero{max-width:1088px;margin:24px auto 100px;background:#e8eff5;border-radius:14px;text-align:center;padding:148px 20px 60px;min-height:565px}.hero h1{font-size:58px;line-height:1.13;margin:0 0 28px;font-weight:900;letter-spacing:-2px}.hero p{font-size:12px;line-height:1.7;margin:0 0 28px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;text-decoration:none;border-radius:8px;padding:14px 24px;font-weight:700;font-size:10px}.scroll{display:block;margin:48px auto 0;border:2px solid #23384f;border-radius:50%;width:18px;height:18px;line-height:14px}.section-grid{max-width:1040px;margin:0 auto 140px;display:grid;grid-template-columns:1fr 1.55fr;gap:54px;align-items:center}.eyebrow{display:block;font-weight:800;font-size:8px;letter-spacing:1.4px;margin-bottom:22px;color:#15263b}.why h2{font-size:44px;line-height:1.12;margin:0 0 22px;color:#24384c}.why p,.lead{color:#5c6b7b;line-height:1.9}.cards-shape{position:relative;min-height:600px}.cards-shape:before{content:"";position:absolute;inset:60px 10px;background:#f5f7f9;border-radius:45% 16% 16% 45%;transform:skewX(-17deg);z-index:0}.card{position:absolute;background:#fff;border-radius:16px;box-shadow:0 22px 60px rgba(28,39,56,.08);padding:38px 36px;width:250px;min-height:210px;z-index:1}.card h3{font-size:14px;margin:0 0 16px}.card p{font-size:10px;line-height:1.9}.c1{left:85px;top:20px}.c2{right:20px;top:110px}.c3{left:85px;bottom:80px}.c4{right:20px;bottom:25px}.portfolio,.testi,.clients,.faq{max-width:930px;margin:0 auto 145px;text-align:center}.center{text-align:center}.portfolio h2,.testi h2{font-size:22px;margin:0 0 8px}.lead{max-width:580px;margin:0 auto 42px}.shots{display:grid;gap:28px;justify-content:center}.shots figure{position:relative;margin:0;width:720px;max-width:100%;overflow:hidden;background:#ddd}.shots img{display:block;width:100%;height:auto}.shots figcaption{position:absolute;left:0;right:0;bottom:22px;text-align:center;color:white;text-shadow:0 2px 8px rgba(0,0,0,.6)}.shots figcaption b{display:block;font-size:25px}.shots figcaption a{display:inline-block;margin-top:10px;background:#1668ff;color:#fff;text-decoration:none;border-radius:3px;padding:10px 18px;font-size:10px;font-weight:700}.testi{padding-top:50px}.testi-grid{display:grid;grid-template-columns:1fr 1fr;gap:120px;text-align:center;margin-top:80px}.testi h3{margin:0 0 10px}.testi b{font-size:10px}.testi p{line-height:2;color:#5b6875}.clients{text-align:left;border-top:1px solid #d8dee7;padding-top:26px;margin-bottom:60px}.clients h2,.faq h2{text-align:left;font-size:22px}.clients img{display:block;width:100%;max-width:860px;margin:0 auto}.faq{margin-bottom:70px}.faq details{background:#fff;margin:18px 0;border-radius:4px;text-align:left;box-shadow:0 10px 35px rgba(20,35,60,.05)}.faq summary{cursor:pointer;list-style:none;padding:20px 24px;font-weight:800}.faq summary:after{content:"⌄";float:right}.faq details p{padding:0 24px 20px;color:#5f6c7a}.contact-box{margin-top:28px;background:#e7eff6;border-radius:8px;padding:42px 54px;display:flex;justify-content:space-between;align-items:center;text-align:left}.contact-box b{display:block;font-size:14px}.contact-box span{color:#5a6674}footer{max-width:930px;margin:0 auto;padding:20px 0 60px}footer nav{display:flex;gap:22px;margin-bottom:70px}footer a{text-decoration:none;color:#24384c;font-weight:700;font-size:8px}footer p{font-size:9px;color:#5d6975}@media(max-width:760px){.site-header{padding:0 16px}.menu-btn{display:block}.nav{display:none;position:absolute;top:54px;left:16px;right:16px;background:#fff;padding:18px;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,.12);flex-direction:column;z-index:10}.nav.show{display:flex}.hero{margin:10px 16px 70px;padding:90px 18px 44px;min-height:auto}.hero h1{font-size:34px}.section-grid{display:block;margin:0 18px 80px}.why h2{font-size:34px}.cards-shape{min-height:auto;display:grid;gap:16px;margin-top:28px}.cards-shape:before{display:none}.card{position:static;width:auto;min-height:auto}.portfolio,.testi,.clients,.faq,footer{margin-left:18px;margin-right:18px}.testi-grid{grid-template-columns:1fr;gap:28px;margin-top:36px}.contact-box{padding:26px;display:grid;gap:20px}.shots figcaption b{font-size:18px}footer nav{flex-wrap:wrap;margin-bottom:34px}}