@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";
:root{--bg:#fff;--bg-soft:#f7f9fc;--bg-blue:#f3f7ff;--text:#0f172a;--text-soft:#64748b;--muted:#94a3b8;--line:#e4eaf2;--primary:#2563eb;--primary-dark:#1d4ed8;--cyan:#06b6d4;--success:#16a34a;--shadow:0 24px 70px #1c30521f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,Arial,sans-serif}button,a{font:inherit}button{color:inherit}img{max-width:100%;display:block}main{overflow:hidden}.container{width:min(1180px,100% - 48px);margin:0 auto}.navbar{z-index:50;padding:18px 0;transition:all .25s;position:fixed;top:0;left:0;right:0}.navbar--scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border-bottom:1px solid #e4eaf2e6;padding:11px 0}.nav-inner{justify-content:space-between;align-items:center;gap:30px;display:flex}.brand{cursor:pointer;background:0 0;border:0;align-items:center;gap:1px;padding:0;display:flex}.brand-mark{flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.brand-mark img{object-fit:contain;width:42px;height:42px}.brand-name{letter-spacing:-.04em;font-family:Manrope,sans-serif;font-size:19px;font-weight:800}.brand-name span{color:var(--cyan)}.desktop-nav{align-items:center;gap:34px;display:flex}.desktop-nav button{color:#475569;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:13px;transition:all .2s}.desktop-nav button:hover{color:var(--primary)}.menu-button{cursor:pointer;background:0 0;border:0;display:none}.mobile-menu{display:none}.button{background:var(--primary);color:#fff;cursor:pointer;border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 19px;font-size:13px;font-weight:700;text-decoration:none;transition:all .22s;display:inline-flex;box-shadow:0 12px 26px #2563eb2b}.button:hover{background:var(--primary-dark);transform:translateY(-2px)}.button--small{min-height:40px;padding:0 16px;font-size:12px}.button--ghost{color:#172033;box-shadow:none;background:#fff;border-color:#dce4ee}.button--ghost:hover{background:#f8fafc;border-color:#cbd5e1}.button--white{color:#1553b7;background:#fff;box-shadow:0 15px 35px #0f2d6924}.button--white:hover{background:#f8fbff}.hero{background:linear-gradient(#fff 0%,#fbfdff 58%,#f8fbff 100%);align-items:center;min-height:790px;padding:150px 0 90px;display:flex;position:relative}.hero-grid{opacity:.38;pointer-events:none;background-image:linear-gradient(#eaf0f7 1px,#0000 1px),linear-gradient(90deg,#eaf0f7 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 82%);mask-image:linear-gradient(#000 0%,#0000 82%)}.hero-orb{filter:blur(4px);pointer-events:none;border-radius:999px;position:absolute}.hero-orb--one{background:#06b6d414;width:360px;height:360px;top:110px;right:-150px}.hero-orb--two{background:#2563eb12;width:280px;height:280px;bottom:50px;left:-150px}.hero-layout{z-index:2;grid-template-columns:.92fr 1.08fr;align-items:center;gap:74px;display:grid;position:relative}.hero-copy{max-width:590px}.eyebrow{color:#1d4ed8;letter-spacing:.02em;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;align-items:center;gap:8px;width:fit-content;padding:8px 12px;font-size:11px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-.065em;margin:24px 0;font-family:Manrope,sans-serif;font-size:clamp(56px,5.5vw,78px);line-height:.98}.hero h1 span{background:linear-gradient(90deg,#2563eb,#06b6d4);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-copy>p{max-width:570px;color:var(--text-soft);margin:0;font-size:16px;line-height:1.8}.hero-actions{gap:12px;margin-top:32px;display:flex}.hero-meta{border-top:1px solid var(--line);gap:42px;margin-top:43px;padding-top:24px;display:flex}.hero-meta div{flex-direction:column;gap:4px;display:flex}.hero-meta strong{font-family:Manrope,sans-serif;font-size:21px}.hero-meta span{color:var(--muted);font-size:10px}.hero-visual{place-items:center;min-height:520px;display:grid;position:relative}.visual-card--main{width:min(100%,575px);box-shadow:var(--shadow);background:#fffffff0;border:1px solid #dce6f1;border-radius:22px;padding:22px;position:relative}.visual-card--main:before{content:"";z-index:-1;background:linear-gradient(135deg,#2563eb14,#06b6d40f);border-radius:34px;position:absolute;inset:-22px}.visual-card-top{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:19px;display:flex}.visual-card-top>div{flex-direction:column;gap:5px;display:flex}.visual-card-top span{color:var(--muted);font-size:10px}.visual-card-top strong{font-family:Manrope,sans-serif;font-size:16px}.live-pill{align-items:center;gap:6px;font-weight:700;display:inline-flex;color:#15803d!important}.live-pill i,.status-line i{background:#22c55e;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #22c55e1a}.metrics-row{grid-template-columns:1fr 1fr;gap:12px;margin-top:18px;display:grid}.metric-box{background:#fbfdff;border:1px solid #e4eaf2;border-radius:15px;flex-direction:column;padding:16px;display:flex}.metric-icon{border-radius:11px;place-items:center;width:38px;height:38px;margin-bottom:18px;display:grid}.metric-icon--blue{color:#2563eb;background:#eff6ff}.metric-icon--cyan{color:#0891b2;background:#ecfeff}.metric-box small{color:var(--muted);font-size:10px}.metric-box strong{margin-top:3px;font-family:Manrope,sans-serif;font-size:16px}.status-line{color:#16a34a;align-items:center;gap:7px;margin-top:12px;font-size:9px;font-weight:600;display:inline-flex}.performance-card{background:#fff;border:1px solid #e4eaf2;border-radius:15px;margin-top:12px;padding:16px 16px 8px;overflow:hidden}.performance-head{justify-content:space-between;align-items:flex-start;display:flex}.performance-head>div{flex-direction:column;gap:3px;display:flex}.performance-head small{color:var(--muted);font-size:9px}.performance-head strong{font-size:12px}.performance-head b{color:#2563eb;font-size:11px}.performance-card svg{width:100%;height:128px;margin-top:4px}.deploy-card{background:#f8fbff;border:1px solid #e4eaf2;border-radius:13px;align-items:center;gap:12px;margin-top:12px;padding:13px 14px;display:flex}.deploy-icon{color:#15803d;background:#ecfdf5;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.deploy-card>div:nth-child(2){flex-direction:column;flex:1;gap:3px;display:flex}.deploy-card strong{font-size:10px}.deploy-card span{color:var(--muted);font-size:8px}.deploy-card>svg{color:#16a34a}.floating-card{background:#fffffff5;border:1px solid #e1e8f0;border-radius:14px;align-items:center;gap:10px;padding:13px 15px;display:flex;position:absolute;box-shadow:0 18px 45px #3341551f}.floating-card>svg{color:var(--primary)}.floating-card div{flex-direction:column;display:flex}.floating-card small{color:var(--muted);font-size:8px}.floating-card strong{font-size:11px}.floating-card--security{top:105px;left:-28px}.floating-card--cloud{bottom:72px;right:-22px}.client-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.client-strip-inner{align-items:center;gap:55px;min-height:100px;display:flex}.client-strip-inner>span{max-width:150px;color:var(--muted);font-size:9px;line-height:1.5}.client-list{flex:1;justify-content:space-between;gap:20px;display:flex}.client-list strong{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;font-family:Manrope,sans-serif;font-size:11px}.section{padding:112px 0;scroll-margin-top:70px}.section-heading{grid-template-columns:1.15fr .85fr;align-items:end;gap:80px;margin-bottom:55px;display:grid}.section-eyebrow{color:var(--primary);letter-spacing:.16em;margin-bottom:13px;font-size:10px;font-weight:800;display:inline-block}.section h2,.cta-card h2{letter-spacing:-.045em;margin:0;font-family:Manrope,sans-serif;font-size:clamp(37px,4vw,52px);line-height:1.07}.section-heading p,.about-copy>p,.tech-copy p{color:var(--text-soft);margin:0;font-size:14px;line-height:1.8}.services-section{background:#fff}.services-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.service-card{background:#fff;border:1px solid #e4eaf2;border-radius:18px;flex-direction:column;min-height:410px;padding:28px;transition:all .25s;display:flex}.service-card:hover{border-color:#cbdcf8;transform:translateY(-7px);box-shadow:0 24px 55px #33415517}.service-card-head{justify-content:space-between;align-items:center;display:flex}.service-icon{width:48px;height:48px;color:var(--primary);background:#eff6ff;border-radius:14px;place-items:center;display:grid}.service-number{color:#cbd5e1;font-family:Manrope,sans-serif;font-size:12px;font-weight:700}.service-card h3{letter-spacing:-.03em;margin:45px 0 14px;font-family:Manrope,sans-serif;font-size:22px}.service-card p{color:var(--text-soft);margin:0;font-size:13px;line-height:1.75}.service-points{flex-direction:column;gap:9px;margin-top:23px;display:flex}.service-points span{color:#475569;align-items:center;gap:8px;font-size:11px;display:inline-flex}.service-points svg{color:#16a34a}.service-card button{color:var(--primary);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;margin-top:auto;padding:18px 0 0;font-size:11px;font-weight:700;display:inline-flex}.about-section{background:var(--bg-soft)}.about-grid{grid-template-columns:1fr 1fr;align-items:center;gap:76px;display:grid}.about-image-wrap{position:relative}.about-image-wrap img{object-fit:cover;border-radius:20px;width:100%;height:520px;box-shadow:0 25px 65px #3341551f}.about-badge{background:#fff;border:1px solid #dce4ef;border-radius:14px;align-items:center;gap:11px;min-width:175px;padding:15px;display:flex;position:absolute;bottom:38px;right:-24px;box-shadow:0 18px 45px #3341551f}.about-badge>svg{color:#2563eb}.about-badge div{flex-direction:column;display:flex}.about-badge strong{font-size:12px}.about-badge span{color:var(--muted);font-size:9px}.about-copy h2{letter-spacing:-.045em;margin:0 0 22px;font-family:Manrope,sans-serif;font-size:clamp(36px,3.6vw,49px);line-height:1.08}.capability-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:30px;display:grid}.capability-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:9px;padding:14px 10px;display:flex}.capability-item>svg{color:var(--primary);flex:none}.capability-item div{flex-direction:column;display:flex}.capability-item strong{font-size:10px}.capability-item span{color:var(--muted);font-size:8px}.about-points{flex-direction:column;gap:11px;margin-top:27px;display:flex}.about-points span{color:#475569;align-items:center;gap:9px;font-size:11px;display:inline-flex}.about-points svg{color:#16a34a}.portfolio-section{background:#fff}.portfolio-heading{max-width:760px;margin-bottom:38px}.portfolio-heading h2{letter-spacing:-.05em;margin:0;font-family:Manrope,sans-serif;font-size:clamp(42px,4.6vw,58px);line-height:1.04}.portfolio-heading h2 span{color:var(--primary)}.portfolio-heading>p{max-width:610px;color:var(--text-soft);margin:22px 0 0;font-size:14px;line-height:1.8}.filters{flex-wrap:wrap;gap:9px;margin-bottom:38px;display:flex}.filters button{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;min-height:38px;padding:0 17px;font-size:10px;font-weight:600;transition:all .2s}.filters button:hover{color:var(--primary);background:#f8fbff;border-color:#bfdbfe}.filters button.active{border-color:var(--primary);background:var(--primary);color:#fff}.portfolio-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.project-card{background:#fff;border:1px solid #e4eaf2;border-radius:18px;min-width:0;transition:transform .25s,border-color .25s,box-shadow .25s;overflow:hidden}.project-card:hover{border-color:#cbdcf8;transform:translateY(-5px);box-shadow:0 22px 50px #33415517}.project-image{background:#f1f5f9;border-bottom:1px solid #edf1f6;width:100%;position:relative;overflow:hidden}.project-image img{object-fit:initial;width:100%;height:auto;display:block}.project-card:hover .project-image img{transform:none}.project-content{flex-direction:column;align-items:flex-start;min-height:160px;padding:22px;display:flex}.project-category{width:fit-content;color:var(--primary);letter-spacing:.04em;text-transform:uppercase;background:#eff6ff;border-radius:999px;align-items:center;margin-bottom:13px;padding:5px 9px;font-size:8px;font-weight:700;line-height:1;display:inline-flex}.project-content h3{letter-spacing:-.03em;margin:0;font-family:Manrope,sans-serif;font-size:19px;line-height:1.25}.project-content p{color:var(--text-soft);margin:8px 0 0;font-size:11px;line-height:1.65}.tech-section{background:#f7f9fc}.tech-grid{grid-template-columns:.85fr 1.15fr;align-items:center;gap:90px;display:grid}.tech-copy h2{margin:0 0 20px}.tech-list{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.tech-item{color:#475569;background:#fff;border:1px solid #e1e7ef;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:11px;min-height:105px;transition:all .22s;display:flex}.tech-item svg{color:var(--primary)}.tech-item span{font-family:Manrope,sans-serif;font-size:11px;font-weight:700}.tech-item:hover{border-color:#bfdbfe;transform:translateY(-4px);box-shadow:0 15px 35px #33415512}.cta-section{background:#f7f9fc;padding:0 0 105px}.cta-card{color:#fff;background:linear-gradient(120deg,#2563eb,#0786b7);border-radius:22px;justify-content:space-between;align-items:center;gap:60px;min-height:300px;padding:55px 60px;display:flex;position:relative;overflow:hidden}.cta-card:before{content:"";border:1px solid #ffffff21;border-radius:50%;width:330px;height:330px;position:absolute;top:-130px;right:-90px}.cta-card:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:220px;height:220px;position:absolute;bottom:-160px;right:60px}.cta-copy,.cta-card>a{z-index:2;position:relative}.cta-copy>span{color:#d6f5ff;letter-spacing:.16em;font-size:9px;font-weight:800}.cta-card h2{max-width:720px;margin-top:12px;font-size:clamp(34px,4vw,48px)}.cta-card p{color:#dbeafe;max-width:680px;margin:17px 0 0;font-size:13px;line-height:1.7}.cta-card>a{flex:none}footer{border-top:1px solid var(--line);background:#fff;padding:70px 0 24px}.footer-grid{grid-template-columns:1.7fr repeat(3,1fr);gap:55px;display:grid}.footer-main p{max-width:330px;color:var(--text-soft);margin:18px 0 0;font-size:12px;line-height:1.7}.footer-grid>div:not(:first-child){flex-direction:column;align-items:flex-start;gap:11px;display:flex}.footer-grid>div>strong{color:#334155;margin-bottom:5px;font-size:11px}.footer-grid>div>span,.footer-grid>div>button{color:#94a3b8;text-align:left;cursor:default;background:0 0;border:0;padding:0;font-size:10px}.footer-grid>div>button{cursor:pointer}.footer-grid>div>button:hover{color:var(--primary)}.footer-bottom{border-top:1px solid var(--line);color:#a0aec0;justify-content:space-between;gap:25px;margin-top:50px;padding-top:20px;font-size:9px;display:flex}.footer-brand{justify-content:flex-start}.whatsapp-float{z-index:40;color:#fff;background:#22c55e;border-radius:50%;place-items:center;width:52px;height:52px;transition:all .2s;display:grid;position:fixed;bottom:22px;right:22px;box-shadow:0 13px 30px #22c55e47}.whatsapp-float:hover{transform:translateY(-3px)scale(1.03)}@media (max-width:980px){.desktop-nav,.desktop-cta{display:none}.menu-button{place-items:center;display:grid}.mobile-menu{z-index:45;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff7;border:1px solid #e2e8f0;border-radius:15px;flex-direction:column;padding:14px;display:flex;position:fixed;top:68px;left:20px;right:20px;box-shadow:0 24px 60px #33415529}.mobile-menu button,.mobile-menu a{color:#334155;text-align:left;background:0 0;border:0;border-bottom:1px solid #edf2f7;padding:13px 10px;font-size:13px;text-decoration:none}.hero{min-height:auto}.hero-layout{grid-template-columns:1fr;gap:70px}.hero-copy{text-align:center;max-width:720px;margin:auto}.eyebrow{margin:auto}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-meta{justify-content:center}.hero-visual{width:100%;max-width:700px;margin:auto}.client-strip-inner{flex-direction:column;justify-content:center;gap:25px;padding:28px 0}.client-strip-inner>span{text-align:center;max-width:none}.client-list{flex-wrap:wrap;justify-content:center;gap:30px;width:100%}.section-heading{grid-template-columns:1fr;gap:20px}.services-grid{grid-template-columns:1fr}.service-card{min-height:340px}.about-grid{grid-template-columns:1fr;gap:55px}.about-copy{order:-1}.about-image-wrap{max-width:760px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-grid{grid-template-columns:1fr;gap:45px}.cta-card{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1.4fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}}@media (max-width:640px){.container{width:min(100% - 28px,1180px)}.navbar{padding:13px 0}.brand-mark,.brand-mark img{width:31px;height:31px}.hero{padding:120px 0 70px}.hero h1{font-size:52px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-meta{gap:22px}.hero-meta strong{font-size:18px}.hero-meta span{font-size:8px}.hero-visual{min-height:430px}.visual-card--main{border-radius:16px;padding:14px}.floating-card{display:none}.metrics-row{grid-template-columns:1fr}.performance-card svg{height:90px}.section{padding:82px 0}.section-heading{margin-bottom:35px}.section h2,.about-copy h2{font-size:35px}.about-image-wrap img{height:390px}.about-badge{bottom:18px;right:12px}.capability-grid{grid-template-columns:1fr}.portfolio-heading{margin-bottom:28px}.portfolio-heading h2{font-size:35px}.portfolio-heading>p{margin-top:18px;font-size:13px}.filters{gap:7px;margin-bottom:28px}.filters button{min-height:36px;padding:0 13px}.portfolio-grid{grid-template-columns:1fr;gap:16px}.project-content{min-height:auto;padding:20px}.project-content h3{font-size:18px}.project-content p{font-size:11px}.tech-list{grid-template-columns:repeat(2,1fr)}.cta-card{padding:36px 25px}.cta-card h2{font-size:34px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 25px}.footer-main{grid-column:span 2}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column}}