@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/font-1.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/font-2.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/font-3.ttf) format('truetype');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/font-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/font-5.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/font-6.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/font-7.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/font-8.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/font-9.ttf) format('truetype');
}


    :root{--navy:#081a3a;--ink:#10264b;--blue:#185cce;--cyan:#43c6ef;--pale:#e9f6ff;--line:#d7e4f4;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:#f8fbff}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(1200px,calc(100% - 48px));margin:auto}header{background:var(--navy);color:white;position:sticky;top:0;z-index:10;border-bottom:1px solid #ffffff23}.nav{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font:800 17px Manrope,sans-serif;letter-spacing:.04em;white-space:nowrap}.mark{width:36px;height:36px;display:grid;place-items:center;background:linear-gradient(145deg,#56d8fa,#2675e7);clip-path:polygon(0 0,30% 0,50% 46%,70% 0,100% 0,53% 100%,47% 100%);font-size:0}.brand small{display:block;font-size:9px;letter-spacing:.31em;color:#9bdcf7}.links{display:flex;align-items:center;gap:30px;font-size:14px}.links a:hover,.footer a:hover{color:var(--cyan)}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:8px;padding:13px 20px;font-weight:700}.nav-cta{background:#2d9dec;color:#fff}.menu{display:none;background:none;border:0;color:white;font-size:26px}.hero{background:radial-gradient(circle at 82% 28%,#1855a7 0,transparent 34%),linear-gradient(145deg,#081a3a,#0b2d63);color:#fff;overflow:hidden}.hero-inner{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px;padding:70px 0 84px}.eyebrow{font:700 12px Manrope;letter-spacing:.24em;text-transform:uppercase;color:#58d1f4}.hero h1{font:800 clamp(40px,5.1vw,72px)/1.09 Manrope,sans-serif;letter-spacing:-.055em;margin:20px 0 23px;max-width:690px}.hero h1 em{font-style:normal;color:#65d4f5}.hero p{font-size:18px;line-height:1.7;color:#cbdcf2;max-width:590px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.btn-primary{background:var(--cyan);color:#061b37}.btn-secondary{border:1px solid #7895be;color:white}.btn:hover,.nav-cta:hover{transform:translateY(-2px);transition:.2s}.visual{position:relative;min-height:430px;display:grid;place-items:center}.visual:before{content:"";position:absolute;width:90%;aspect-ratio:1;border:1px solid #ffffff25;border-radius:50%;box-shadow:0 0 0 48px #ffffff08,0 0 0 98px #ffffff06}.vshape{position:relative;width:260px;height:260px;filter:drop-shadow(0 25px 45px #030d2b);background:linear-gradient(135deg,#90e8ff 0%,#2faeea 40%,#2360ce 75%);clip-path:polygon(0 0,24% 0,50% 62%,76% 0,100% 0,56% 100%,44% 100%)}.float{position:absolute;background:#ffffffed;color:var(--navy);padding:14px 18px;border-radius:12px;box-shadow:0 20px 35px #00143540;font-size:13px;font-weight:700}.float.a{top:16%;left:0}.float.b{right:0;bottom:15%}.float i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#27aee8;margin-right:9px}.section{padding:104px 0}.section-head{max-width:690px;margin-bottom:45px}.section-head h2{font:800 clamp(30px,3.5vw,47px)/1.15 Manrope;letter-spacing:-.04em;margin:12px 0}.section-head p{font-size:17px;line-height:1.65;color:#58708f}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service{padding:34px;min-height:290px;border:1px solid var(--line);border-radius:16px;background:white;box-shadow:0 10px 35px #0c39710b}.service .num{font:800 14px Manrope;color:#188fdf}.service h3{font:800 24px Manrope;letter-spacing:-.035em;margin:36px 0 12px}.service p{color:#5c718d;line-height:1.65;margin:0}.portfolio{background:#eaf3fc}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project{background:white;border-radius:16px;overflow:hidden;border:1px solid #d7e5f5}.thumb{height:220px;padding:24px;display:flex;align-items:end;color:white;position:relative;overflow:hidden}.thumb:before{content:"";position:absolute;width:215px;height:215px;border:18px solid #ffffff20;border-radius:50%;right:-35px;top:-65px}.thumb:after{content:"";position:absolute;width:155px;height:155px;border:1px solid #ffffff40;transform:rotate(45deg);left:32%;top:18%}.thumb strong{position:relative;z-index:1;font:800 28px Manrope;letter-spacing:.08em}.p1{background:linear-gradient(135deg,#081a3a,#3374c7)}.p2{background:linear-gradient(135deg,#152746,#db925c)}.p3{background:linear-gradient(135deg,#18272d,#81aa91)}.p4{background:linear-gradient(135deg,#1c2733,#d37049)}.p5{background:linear-gradient(135deg,#0e293e,#66a8cb)}.p6{background:linear-gradient(135deg,#243328,#9cbd78)}.project .body{padding:23px}.project-link{display:block}.project-link:hover .thumb{filter:brightness(1.12)}.project-link:focus-visible{outline:3px solid #188fdf;outline-offset:3px}.demo-link{display:inline-block;margin-top:16px;color:#125fc2;font-weight:700;font-size:14px}.demo-pending{display:inline-block;margin-top:16px;color:#667d95;font-weight:700;font-size:14px}.project .body h3{font:800 18px Manrope;margin:0 0 7px}.project .body p{margin:0;color:#647992;line-height:1.5;font-size:14px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step{border-top:2px solid #b8d0eb;padding-top:22px}.step b{color:#188fdf;font:800 15px Manrope}.step h3{font:800 21px Manrope;margin:15px 0 10px}.step p{color:#5c718d;line-height:1.6}.contact{background:var(--navy);color:white;padding:88px 0}.contact-box{display:flex;align-items:center;justify-content:space-between;gap:35px}.contact h2{font:800 clamp(30px,3.5vw,48px)/1.15 Manrope;letter-spacing:-.04em;max-width:680px;margin:12px 0}.contact p{color:#b9cee8;font-size:17px}.contact-actions{display:flex;gap:12px;flex-wrap:wrap}.contact .btn-secondary{white-space:nowrap}.footer{background:#06152f;color:#b0c5df;padding:28px 0;font-size:14px}.footer .wrap{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer strong{color:white}@media(max-width:850px){.hero-inner{grid-template-columns:1fr;min-height:auto;padding:75px 0}.visual{min-height:300px}.vshape{width:180px;height:180px}.services,.projects,.process{grid-template-columns:repeat(2,1fr)}.contact-box{display:block}.contact-actions{margin-top:28px}}@media(max-width:620px){.wrap{width:min(100% - 36px,1200px)}.nav{min-height:68px}.brand{font-size:13px}.mark{width:30px;height:30px}.menu{display:block}.links{display:none;position:absolute;top:68px;left:0;right:0;background:#081a3a;padding:20px 24px 25px;flex-direction:column;align-items:stretch;gap:22px}.links.open{display:flex}.hero-inner{padding:60px 0 45px;gap:5px}.hero h1{font-size:42px}.hero p{font-size:16px}.visual{min-height:245px}.visual:before{width:220px}.float{font-size:11px;padding:10px}.section{padding:70px 0}.services,.projects,.process{grid-template-columns:1fr}.service{min-height:0}.thumb{height:180px}.contact{padding:70px 0}}