:root{--primary:#1f6feb;--primary-dark:#1657c0;--cyan:#00c2f0;--purple:#6a3fd1;--dark:#14171f;--dark-2:#1b1d21;--body:#5b6472;--muted:#8a93a2;--line:#e8ecf2;--bg-soft:#f5f8fd;--white:#fff;--gradient:linear-gradient(120deg, #1f6feb 0%, #00c2f0 100%);--gradient-soft:linear-gradient(120deg, #1f6feb14, #00c2f014);--shadow:0 18px 50px -18px #14171f38;--shadow-sm:0 8px 24px -12px #14171f2e;--radius:14px;--radius-lg:22px;--head:"Poppins", system-ui, sans-serif;--font:"Nunito Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--wrap:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--body);background:var(--white);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.7}h1,h2,h3,h4,h5,h6{font-family:var(--head);color:var(--dark);margin:0 0 .5em;font-weight:700;line-height:1.2}p{margin:0 0 1rem}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 24px}.section{padding:96px 0;position:relative}.section--soft{background:var(--bg-soft)}.btn{font-family:var(--head);letter-spacing:.4px;text-transform:uppercase;cursor:pointer;background:var(--gradient);color:#fff;border:0;border-radius:60px;align-items:center;gap:10px;padding:14px 30px;font-size:14px;font-weight:600;transition:transform .25s,box-shadow .25s,background .25s,color .25s;display:inline-flex;box-shadow:0 14px 30px -12px #1f6febb3}.btn:hover{transform:translateY(-2px);box-shadow:0 20px 34px -12px #1f6febd9}.btn--ghost{color:var(--dark);border:2px solid var(--line);box-shadow:none;background:0 0}.btn--ghost:hover{border-color:var(--primary);color:var(--primary)}.btn--light{color:var(--dark);box-shadow:var(--shadow-sm);background:#fff}.btn--light:hover{color:var(--primary)}.eyebrow{font-family:var(--head);letter-spacing:2px;text-transform:uppercase;color:var(--primary);margin-bottom:14px;padding-left:34px;font-size:14px;font-weight:600;display:inline-block;position:relative}.eyebrow:before{content:"";background:var(--gradient);width:24px;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sec-title{margin-bottom:20px;font-size:clamp(28px,4vw,44px);font-weight:800}.sec-title .grad{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.sec-head{max-width:640px;margin-bottom:56px}.sec-head--center{text-align:center;margin-left:auto;margin-right:auto}.sec-head--center .eyebrow{padding-left:0}.sec-head--center .eyebrow:before{display:none}.topbar{background:var(--dark);color:#cfd6e4;font-size:13.5px}.topbar .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;min-height:42px;display:flex}.topbar__info{flex-wrap:wrap;align-items:center;gap:26px;display:flex}.topbar__info a,.topbar__info span{color:#cfd6e4;align-items:center;gap:8px;display:inline-flex}.topbar__info a:hover{color:var(--cyan)}.topbar__social{align-items:center;gap:16px;display:flex}.topbar__tag{color:#9aa4b8}.icon{fill:currentColor;width:15px;height:15px}.header{z-index:100;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--line);background:#ffffffeb;transition:box-shadow .3s;position:sticky;top:0}.header--scrolled{box-shadow:0 10px 30px -18px #14171f59}.header .wrap{justify-content:space-between;align-items:center;gap:24px;min-height:78px;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo img{width:auto;height:40px}.nav{align-items:center;gap:4px;display:flex}.nav a{font-family:var(--head);color:var(--dark);border-radius:8px;padding:10px 14px;font-size:15px;font-weight:500;transition:color .2s;position:relative}.nav a:after{content:"";background:var(--gradient);transform-origin:0;height:2px;transition:transform .25s;position:absolute;bottom:6px;left:14px;right:14px;transform:scaleX(0)}.nav a:hover{color:var(--primary)}.nav a:hover:after{transform:scaleX(1)}.header__cta{align-items:center;gap:14px;display:flex}.burger{cursor:pointer;background:0 0;border:0;flex-direction:column;gap:5px;padding:8px;display:none}.burger span{background:var(--dark);border-radius:2px;width:26px;height:2.5px;transition:all .3s}.hero{background:radial-gradient(1200px 600px at 80% -10%, #00c2f024, transparent 60%), radial-gradient(900px 500px at 0% 20%, #6a3fd11a, transparent 55%), var(--bg-soft);padding:90px 0 70px;position:relative;overflow:hidden}.hero .wrap{grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;display:grid}.hero__title{margin-bottom:20px;font-size:clamp(38px,5.4vw,66px);font-weight:800}.hero__title .grad{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.hero__text{max-width:520px;margin-bottom:28px;font-size:18px}.hero__actions{flex-wrap:wrap;gap:16px;margin-bottom:34px;display:flex}.hero__chips{flex-wrap:wrap;gap:10px;display:flex}.chip{font-family:var(--head);color:var(--dark);border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:40px;padding:8px 16px;font-size:13px;font-weight:600}.hero__media{position:relative}.hero__media img{border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow)}.hero__badge{box-shadow:var(--shadow);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:16px 22px;display:flex;position:absolute;bottom:-18px;left:-18px}.hero__badge b{font-family:var(--head);color:var(--dark);font-size:26px;line-height:1;display:block}.hero__badge span{color:var(--muted);font-size:13px}.hero__badge .dot{background:var(--gradient);color:#fff;width:46px;height:46px;font-weight:800;font-family:var(--head);border-radius:12px;place-items:center;display:grid}.logostrip{border-bottom:1px solid var(--line);background:#fff;padding:34px 0}.logostrip .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:40px;display:flex}.logostrip .label{font-family:var(--head);letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:13px}.logostrip__track{flex-wrap:wrap;align-items:center;gap:46px;display:flex}.logostrip__track img{opacity:.6;filter:grayscale();width:auto;height:34px;transition:all .25s}.logostrip__track img:hover{opacity:1;filter:none}.about .wrap{grid-template-columns:.95fr 1.05fr;align-items:center;gap:60px;display:grid}.about__media{position:relative}.about__media img{border-radius:var(--radius-lg);box-shadow:var(--shadow)}.about__media:before{content:"";background:var(--gradient-soft);border-radius:var(--radius-lg);z-index:-1;width:60%;height:60%;position:absolute;inset:auto -20px -20px auto}.about__highlights{grid-template-columns:1fr 1fr;gap:26px;margin:26px 0 30px;display:grid}.about__highlight h4{align-items:center;gap:10px;margin-bottom:6px;font-size:17px;display:flex}.about__highlight p{margin:0;font-size:15px}.tick{background:var(--gradient);color:#fff;border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.why{background:var(--dark);color:#c3cad7}.why h2,.why h3,.why h4,.why h5,.why .sec-title{color:#fff}.why__grid{grid-template-columns:1fr 1fr;gap:26px 40px;display:grid}.why__item{border-radius:var(--radius);background:#ffffff0a;border:1px solid #ffffff14;gap:20px;padding:28px;transition:all .3s;display:flex}.why__item:hover{background:#ffffff12;transform:translateY(-4px)}.why__no{font-family:var(--head);background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:26px;font-weight:800;line-height:1}.why__item h4{margin-bottom:6px;font-size:18px}.why__item p{color:#aeb6c6;margin:0;font-size:14.5px}.why__counters{grid-template-columns:1fr 1fr;gap:26px;margin-top:56px;display:grid}.counter{background:var(--gradient);border-radius:var(--radius-lg);color:#fff;padding:32px}.counter b{font-family:var(--head);margin-bottom:10px;font-size:46px;font-weight:800;line-height:1;display:block}.counter h5{margin:0 0 8px;font-size:16px}.counter p{color:#ffffffd9;margin:0;font-size:14px}.counter:nth-child(2){background:linear-gradient(120deg,#6a3fd1,#1f6feb)}.services__grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.service{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:34px 30px;transition:all .3s;position:relative;overflow:hidden}.service:after{content:"";background:var(--gradient);transform-origin:0;width:100%;height:3px;transition:transform .3s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.service:hover{box-shadow:var(--shadow);border-color:#0000;transform:translateY(-6px)}.service:hover:after{transform:scaleX(1)}.service__icon{background:var(--gradient-soft);width:60px;height:60px;color:var(--primary);border-radius:14px;place-items:center;margin-bottom:20px;display:grid}.service__icon svg{width:28px;height:28px}.service h4{margin-bottom:10px;font-size:19px}.service p{margin:0;font-size:15px}.portfolio__grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.project{border-radius:var(--radius);box-shadow:var(--shadow-sm);aspect-ratio:4/3;display:block;position:relative;overflow:hidden}.project img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.project__overlay{opacity:0;background:linear-gradient(#14171f00 40%,#14171fe6);flex-direction:column;justify-content:flex-end;padding:26px;transition:opacity .35s;display:flex;position:absolute;inset:0}.project:hover img{transform:scale(1.08)}.project:hover .project__overlay{opacity:1}.project__overlay small{color:var(--cyan);font-family:var(--head);letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:600}.project__overlay h4{color:#fff;margin:6px 0 0;font-size:20px}.team__subtitle{max-width:620px;margin:0 auto 56px}.team__grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.member{border:1px solid var(--line);border-radius:var(--radius-lg);text-align:center;background:#fff;padding:18px;transition:all .3s}.member:hover{box-shadow:var(--shadow);transform:translateY(-6px)}.member__photo{aspect-ratio:1;border-radius:16px;margin-bottom:18px;overflow:hidden}.member__photo img{object-fit:cover;width:100%;height:100%;transition:all .5s}.member:hover .member__photo img{transform:scale(1.05)}.member h4{margin:0 0 4px;font-size:19px}.member span{color:var(--primary);font-size:14px;font-weight:600}.member__social{justify-content:center;gap:10px;margin-top:14px;display:flex}.member__social a{background:var(--bg-soft);width:34px;height:34px;color:var(--dark);border-radius:50%;place-items:center;transition:all .25s;display:grid}.member__social a:hover{background:var(--gradient);color:#fff}.testimonials{background:var(--dark)}.testimonials h2,.testimonials .sec-title{color:#fff}.testimonials__grid{grid-template-columns:repeat(2,1fr);gap:26px;display:grid}.testi{border-radius:var(--radius-lg);background:#ffffff0a;border:1px solid #ffffff14;padding:34px}.testi__quote{color:#cfd6e4;margin:0 0 24px;font-size:16px}.testi__stars{color:#ffb400;letter-spacing:2px;margin-bottom:16px}.testi__person{align-items:center;gap:16px;display:flex}.testi__person img{object-fit:cover;border:2px solid #ffffff26;border-radius:50%;width:56px;height:56px}.testi__person h5{color:#fff;margin:0;font-size:16px}.testi__person span{color:var(--cyan);font-size:13px}.clients__grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.client{border:1px solid var(--line);border-radius:var(--radius);background:#fff;place-items:center;min-height:110px;padding:30px;transition:all .3s;display:grid}.client img{opacity:.65;filter:grayscale();width:auto;max-width:100%;max-height:46px;transition:all .3s}.client:hover{box-shadow:var(--shadow-sm);transform:translateY(-4px)}.client:hover img{opacity:1;filter:none}.careers .wrap{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.careers__media img{border-radius:var(--radius-lg);box-shadow:var(--shadow)}.perks{gap:20px;margin-top:26px;display:grid}.perk{gap:16px;display:flex}.perk__dot{background:var(--gradient-soft);width:42px;height:42px;color:var(--primary);font-weight:800;font-family:var(--head);border-radius:12px;flex:none;place-items:center;display:grid}.perk h4{margin-bottom:4px;font-size:17px}.perk p{margin:0;font-size:14.5px}.careers__cta{margin-top:30px}.cta{background:var(--gradient);border-radius:var(--radius-lg);color:#fff;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;padding:56px;display:flex;position:relative;overflow:hidden}.cta:before{content:"";background:#ffffff1f;border-radius:50%;width:260px;height:260px;position:absolute;top:-60px;right:-60px}.cta h2{color:#fff;margin:0;font-size:clamp(26px,3.4vw,40px)}.cta p{color:#ffffffe6;margin:8px 0 0}.contact .wrap{grid-template-columns:1fr 1.15fr;gap:56px;display:grid}.contact__info{gap:22px;margin-top:30px;display:grid}.info-card{align-items:flex-start;gap:18px;display:flex}.info-card__icon{background:var(--gradient-soft);width:52px;height:52px;color:var(--primary);border-radius:14px;flex:none;place-items:center;display:grid}.info-card h5{text-transform:uppercase;letter-spacing:1px;margin:0 0 4px;font-size:15px}.info-card p,.info-card a{margin:0;font-size:15.5px}.info-card a:hover{color:var(--primary)}.form{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;padding:36px}.form__row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.field{margin-bottom:18px}.field label{font-family:var(--head);color:var(--dark);margin-bottom:8px;font-size:13px;font-weight:600;display:block}.field input,.field textarea,.field select{border:1px solid var(--line);width:100%;font-family:var(--font);color:var(--dark);background:var(--bg-soft);border-radius:10px;padding:13px 16px;font-size:15px;transition:all .2s}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 4px #1f6feb1f}.field textarea{resize:vertical;min-height:130px}.form__note{color:var(--muted);margin:14px 0 0;font-size:13.5px}.form .btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.map{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:64px;line-height:0;overflow:hidden}.map iframe{filter:grayscale(.2);border:0;width:100%;height:380px}.footer{background:var(--dark);color:#9aa4b8;padding:80px 0 0}.footer__grid{grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;display:grid}.footer h4{color:#fff;margin-bottom:20px;font-size:17px}.footer a:hover{color:var(--cyan)}.footer__about img{height:40px;margin-bottom:18px}.footer__about p{font-size:14.5px}.footer__links li{margin-bottom:11px;font-size:14.5px}.footer__contact li{gap:12px;margin-bottom:16px;font-size:14.5px;display:flex}.footer__contact svg{color:var(--cyan);flex:none;margin-top:4px}.footer__social{gap:12px;margin-top:18px;display:flex}.footer__social a{color:#cfd6e4;background:#ffffff0f;border-radius:50%;place-items:center;width:38px;height:38px;transition:all .25s;display:grid}.footer__social a:hover{background:var(--gradient);color:#fff}.footer__bottom{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:60px;padding:24px 0;font-size:14px;display:flex}.to-top{background:var(--gradient);color:#fff;cursor:pointer;width:46px;height:46px;box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:90;border:0;border-radius:50%;place-items:center;transition:all .3s;display:grid;position:fixed;bottom:24px;right:24px}.to-top.show{opacity:1;pointer-events:auto}@media (width<=1024px){.hero .wrap,.about .wrap,.careers .wrap,.contact .wrap{grid-template-columns:1fr;gap:44px}.services__grid,.portfolio__grid,.team__grid{grid-template-columns:repeat(2,1fr)}.footer__grid{grid-template-columns:1fr 1fr}.about__media{max-width:520px}}@media (width<=860px){.nav{width:min(320px,84vw);box-shadow:var(--shadow);z-index:95;background:#fff;flex-direction:column;align-items:stretch;gap:4px;padding:90px 24px 30px;transition:transform .3s;position:fixed;inset:0 0 0 auto;transform:translate(100%)}.nav.open{transform:translate(0)}.nav a{border-bottom:1px solid var(--line);border-radius:0;padding:14px;font-size:16px}.nav a:after{display:none}.burger{z-index:96;display:flex}.header__cta .btn{display:none}.overlay{opacity:0;pointer-events:none;z-index:94;background:#14171f80;transition:all .3s;position:fixed;inset:0}.overlay.show{opacity:1;pointer-events:auto}}@media (width<=640px){.section{padding:64px 0}.topbar__info{gap:14px;font-size:12.5px}.services__grid,.portfolio__grid,.team__grid,.testimonials__grid,.clients__grid,.why__grid,.why__counters,.about__highlights,.form__row,.footer__grid{grid-template-columns:1fr}.cta{padding:36px 26px}.footer__bottom{flex-direction:column}}
