@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#071b38;background:#fff;margin:0;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1160px,100% - 40px);margin:auto}.header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;border-bottom:1px solid #e9eff8;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;height:82px;display:flex}.navlinks{align-items:center;gap:30px;font-size:14px;font-weight:700;display:flex}.navlinks>a:not(.btn):hover{color:#087af4}.menu{background:0 0;border:0;display:none}.btn{color:#fff;background:linear-gradient(135deg,#087bf5,#0759d4);border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:15px 22px;font-weight:800;transition:all .25s;display:inline-flex;box-shadow:0 12px 30px #0766e033}.btn:hover{transform:translateY(-2px)}.btn.small{border-radius:9px;padding:11px 16px}.btn.ghost{color:#0b2c55;box-shadow:none;background:#fff;border:1px solid #dbe6f5}.hero{background:linear-gradient(#f8fbff,#fff);padding:105px 0 90px;position:relative;overflow:hidden}.heroGlow{filter:blur(20px);background:#11bdf522;border-radius:50%;width:550px;height:550px;position:absolute;top:-170px;right:-180px}.heroGrid{grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;display:grid}.eyebrow{color:#0875e8;letter-spacing:1.8px;margin-bottom:16px;font-size:12px;font-weight:800;display:inline-block}.hero h1{letter-spacing:-2.7px;margin:0 0 22px;font-size:58px;line-height:1.06}.hero h1 span{color:#0000;background:linear-gradient(90deg,#0866e8,#0abdf0);-webkit-background-clip:text;background-clip:text}.hero p,.sectionHead p,.about p{color:#61738a;font-size:17px;line-height:1.8}.actions{gap:12px;margin:32px 0;display:flex}.heroNotes{color:#4b6078;gap:24px;font-size:13px;font-weight:700;display:flex}.heroNotes span{align-items:center;gap:7px;display:flex}.heroNotes svg{color:#0783ef;width:17px}.heroVisual{justify-content:center;align-items:center;min-height:440px;display:flex;position:relative}.logoCard{background:#fff;border:1px solid #e7eef8;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;width:420px;height:350px;display:flex;transform:rotate(2deg);box-shadow:0 30px 80px #0a366d1f}.logoCard img{object-fit:cover;object-position:center 58%;width:88%;height:230px}.logoCard span{color:#789;letter-spacing:2px;font-size:12px;font-weight:700}.floatCard{color:#fff;background:#09264a;border-radius:10px;padding:12px 17px;font-size:12px;font-weight:800;position:absolute;box-shadow:0 15px 35px #09264a33}.f1{top:70px;left:0}.f2{background:#0788ef;bottom:55px;right:-10px}.section{padding:95px 0}.sectionHead{max-width:700px;margin-bottom:48px}.sectionHead h2,.about h2,.contact h2{letter-spacing:-1.5px;margin:0 0 16px;font-size:40px;line-height:1.15}.sectionHead.row{justify-content:space-between;align-items:end;max-width:none;display:flex}.sectionHead.row p{max-width:490px;margin:0}.cards{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.service{background:#fff;border:1px solid #e5edf7;border-radius:18px;padding:28px;transition:all .25s}.service:hover{border-color:#cfe2f9;transform:translateY(-5px);box-shadow:0 20px 45px #0c4c9114}.service .icon{color:#0879e9;background:#edf6ff;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.service h3{margin:20px 0 10px}.service p,.projectPlaceholder p,.steps p{color:#687b91;font-size:14px;line-height:1.7}.projects{background:#f6f9fd}.projectGrid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.projectPlaceholder{background:#fff;border:1px solid #e1eaf5;border-radius:18px;overflow:hidden}.projectPlaceholder>div:last-child{padding:22px}.placeholderVisual{background:linear-gradient(135deg,#e9f3ff,#f8fbff);border-bottom:1px dashed #c8daef;place-items:center;height:230px;display:grid}.placeholderVisual span{letter-spacing:2px;color:#7c9abb;font-size:12px;font-weight:800}.coming{letter-spacing:1.5px;color:#087bf5;font-size:10px;font-weight:800}.projectPlaceholder h3{margin:8px 0}.dark{color:#fff;background:#071d3a}.sectionHead.light h2{max-width:620px}.steps{background:#ffffff18;border:1px solid #ffffff18;border-radius:18px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.steps article{background:#0a2447;min-height:220px;padding:30px}.steps span{color:#16baf2;font-size:13px;font-weight:800}.steps h3{margin-top:48px}.steps p{color:#aebed0}.about{grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px;display:grid}.aboutMark{background:linear-gradient(135deg,#edf6ff,#fff);border:1px solid #e2edf9;border-radius:28px;place-items:center;height:390px;display:grid}.aboutMark img{object-fit:cover;object-position:center 58%;width:90%;height:290px}.textLink{color:#0874e5;align-items:center;gap:8px;margin-top:10px;font-weight:800;display:inline-flex}.contact{padding-top:20px}.contactBox{color:#fff;background:linear-gradient(135deg,#0759d4,#08a6ef);border-radius:28px;justify-content:space-between;align-items:center;gap:40px;padding:55px 60px;display:flex}.contactBox .eyebrow{color:#d8f5ff}.contactBox h2{font-size:42px}.contactBox p{color:#e7f5ff;max-width:680px;line-height:1.7}.btn.white{color:#0759d4;box-shadow:none;white-space:nowrap;background:#fff}footer{color:#9fb0c5;background:#04162e;padding:55px 0 30px}.footer{grid-template-columns:1fr auto;align-items:start;gap:35px;display:grid}.footer p{font-size:13px}.footerLinks{color:#dce8f5;gap:25px;font-size:13px;font-weight:700;display:flex}.footer small{border-top:1px solid #ffffff12;grid-column:1/-1;padding-top:25px}@media (width<=850px){.menu{display:block}.navlinks{background:#fff;border-radius:14px;flex-direction:column;align-items:stretch;padding:25px;display:none;position:absolute;top:82px;left:20px;right:20px;box-shadow:0 20px 50px #08264b22}.navlinks.open{display:flex}.hero{padding-top:65px}.heroGrid,.about{grid-template-columns:1fr}.hero h1{font-size:44px}.heroVisual{min-height:380px}.cards,.projectGrid,.steps{grid-template-columns:1fr 1fr}.sectionHead.row,.contactBox{flex-direction:column;align-items:flex-start}.contactBox{padding:40px}.footer{grid-template-columns:1fr}.footerLinks{flex-wrap:wrap}.footer small{grid-column:auto}}@media (width<=560px){.container{width:min(100% - 28px,1160px)}.hero h1{font-size:38px}.heroNotes,.actions{flex-direction:column;align-items:stretch}.logoCard{width:100%;height:310px}.f1{left:-4px}.f2{right:-4px}.section{padding:70px 0}.sectionHead h2,.about h2,.contactBox h2{font-size:32px}.cards,.projectGrid,.steps{grid-template-columns:1fr}.about{gap:35px}.aboutMark{height:300px}.contactBox{padding:32px 25px}.btn.white{width:100%}}.projectGrid{grid-template-columns:repeat(2,1fr)}.projectCard{background:#fff;border:1px solid #e1eaf5;border-radius:20px;transition:all .28s;overflow:hidden;box-shadow:0 8px 30px #0934670d}.projectCard:hover{transform:translateY(-5px);box-shadow:0 22px 50px #0934671f}.projectVisual{background:#eaf3fd;height:285px;position:relative;overflow:hidden}.projectVisual img{object-fit:cover;width:100%;height:100%;transition:all .45s;display:block}.projectCard:hover .projectVisual img{transform:scale(1.035)}.projectCategory{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.4px;background:#04162ee6;border-radius:8px;padding:9px 13px;font-size:11px;font-weight:800;position:absolute;bottom:18px;left:18px}.projectContent{padding:25px 25px 27px}.projectContent h3{margin:0 0 10px;font-size:21px}.projectContent p{color:#687b91;margin:0 0 19px;font-size:14px;line-height:1.7}.projectTags{flex-wrap:wrap;gap:7px;display:flex}.projectTags span{color:#0868d6;background:#edf6ff;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:800}.brand{align-items:center;height:68px;display:flex}.brand img{object-fit:contain;object-position:center;width:180px;height:68px}.footer img{object-fit:contain;object-position:center;filter:brightness(0)invert();width:180px;height:72px}@media (width<=700px){.projectGrid{grid-template-columns:1fr}.projectVisual{height:245px}.brand img{width:158px;height:62px}}.projectCard{color:inherit;display:block}.projectLink{color:#0874e5;margin-top:18px;font-size:13px;font-weight:800;display:inline-block}.projectHero{background:linear-gradient(#f5f9ff,#fff);padding:70px 0 80px}.projectHeroGrid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:65px;display:grid}.projectHero h1{letter-spacing:-2px;margin:10px 0 20px;font-size:54px;line-height:1.05}.projectHero p{color:#61738a;font-size:17px;line-height:1.8}.backLink{color:#5d7189;align-items:center;gap:7px;margin-bottom:36px;font-size:13px;font-weight:800;display:flex}.projectHeroImage{background:#fff;border:1px solid #dfebf7;border-radius:24px;overflow:hidden;box-shadow:0 25px 65px #0834681f}.projectHeroImage img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.projectTags.big span{padding:8px 11px;font-size:11px}.detailGrid{grid-template-columns:1.1fr .9fr;align-items:start;gap:70px;display:grid}.detailGrid h2{margin:0 0 18px;font-size:38px}.detailGrid p{color:#61738a;line-height:1.8}.demoNote{background:#f4f8fd;border-left:3px solid #087bf5;border-radius:8px;padding:16px 18px;font-size:13px}.featureBox{background:#fff;border:1px solid #e0eaf5;border-radius:18px;padding:30px}.featureBox h3{margin:0 0 20px}.featureItem{color:#4f647c;border-bottom:1px solid #edf2f8;align-items:center;gap:10px;padding:12px 0;display:flex}.featureItem:last-child{border-bottom:0}.featureItem svg{color:#087bf5;flex:none}.projectPreview{background:#f6f9fd;padding:90px 0}.previewFrame{background:#fff;border:1px solid #dce8f5;border-radius:22px;padding:14px;box-shadow:0 22px 55px #08346817}.previewFrame img{border-radius:13px;width:100%;display:block}.projectDetail{min-height:70vh;padding:100px 0}@media (width<=850px){.projectHeroGrid,.detailGrid{grid-template-columns:1fr}.projectHero h1{font-size:44px}.projectHeroGrid{gap:35px}}@media (width<=560px){.projectHero{padding-top:45px}.projectHero h1{font-size:38px}.detailGrid{gap:35px}.projectPreview{padding:70px 0}}.brand img{object-fit:contain;object-position:center;width:172px;height:58px;display:block}.footer>div:first-child{flex-direction:column;align-items:flex-start;display:flex}.footer img{object-fit:contain;object-position:center;filter:none;background:#fff;border-radius:12px;width:210px;height:78px;padding:6px 10px;display:block}.projectCard{cursor:pointer}.projectLink{align-items:center;gap:6px;display:inline-flex}.contactActions{flex-direction:column;flex:none;align-items:center;gap:12px;display:flex}.contactPhone{color:#fff;white-space:nowrap;align-items:center;gap:7px;font-size:14px;font-weight:800;display:inline-flex}.contactPhone:hover{text-decoration:underline}@media (width<=850px){.footer{text-align:center;justify-items:center}.footer>div:first-child,.footerBrand{align-items:center}.footer img{margin:0 auto}.footerLinks{flex-wrap:wrap;justify-content:center;gap:12px 24px}.footer small{text-align:center;width:100%}.contactActions{align-items:flex-start}.heroVisual{flex-direction:column;gap:24px;min-height:0}.heroBadges{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.heroBadges .floatCard{position:static;inset:auto}.aboutMark img{width:100%}}@media (width<=560px){.contactActions{align-items:stretch;width:100%}.contactPhone{justify-content:center}}