@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";
:root{--blue:#0172de;--deep:#0141a6;--bright:#0190fc;--mid:#0161cb;--secondary:#0055bd;--ink:#07131f;--muted:#5c6975;--paper:#f6f8fa;--surface:#fff;--line:#dce2e8;--dark:#06111e;--max:1240px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--ink:#eef6ff;--muted:#98a9ba;--paper:#07111c;--surface:#0d1926;--line:#233344;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Manrope,Arial,sans-serif;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}.container{width:min(var(--max),calc(100% - 80px));margin:auto}.scroll-progress{background:var(--bright);transform-origin:0;z-index:100;height:3px;position:fixed;top:0;left:0;right:0}.site-header{height:88px;padding:0 max(32px,calc((100vw - var(--max))/2));z-index:20;color:#fff;justify-content:space-between;align-items:center;width:100%;display:flex;position:absolute}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:#fff;border-radius:13px;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.brand-mark img{object-fit:contain;width:34px;height:34px}.brand>span:last-child{flex-direction:column;display:flex}.brand b{letter-spacing:-.02em;font-size:14px}.brand small{text-transform:uppercase;letter-spacing:.1em;opacity:.62;margin-top:2px;font-size:8.5px}.nav{align-items:center;gap:34px;font-size:13px;font-weight:600;display:flex}.nav a{opacity:.78;transition:all .2s}.nav a:hover{opacity:1}.nav-contact{border:1px solid #ffffff47;border-radius:99px;align-items:center;gap:8px;padding:11px 16px;display:flex}.header-actions{gap:8px;display:flex}.icon-button,.menu-button{cursor:pointer;background:#ffffff14;border:1px solid #fff3;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.menu-button{display:none}.hero{color:#fff;background:radial-gradient(circle at 73% 38%,#0c5bb9 0,#082c61 26%,#061a36 55%,#040d18 100%);min-height:810px;padding-top:88px;position:relative;overflow:hidden}.hero:before{content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:65px 65px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.hero-inner{z-index:2;grid-template-columns:1.05fr .95fr;align-items:center;gap:90px;min-height:650px;padding:60px 0 80px;display:grid;position:relative}.eyebrow{letter-spacing:.16em;color:var(--blue);align-items:center;gap:10px;margin:0 0 24px;font:500 11px DM Mono,monospace;display:flex}.eyebrow span{background:currentColor;width:27px;height:1px}.eyebrow.light{color:#62b9ff}.hero h1{letter-spacing:-.06em;max-width:780px;margin:0;font-size:clamp(52px,6vw,82px);line-height:1.02}.hero-description{color:#a8bdd1;max-width:600px;margin:28px 0;font-size:18px;line-height:1.7}.hero-actions{align-items:center;gap:28px;display:flex}.button{cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:14px;padding:15px 22px;font-size:13px;font-weight:700;display:inline-flex}.button.primary{background:var(--bright);color:#fff;box-shadow:0 12px 30px #0190fc33}.button.primary:hover svg{transform:translate(4px)}.button svg,.text-link svg{transition:transform .2s}.text-link{align-items:center;gap:10px;font-size:13px;font-weight:700;display:inline-flex}.text-link:hover svg{transform:translate(3px,2px)}.hero-note{color:#738ca4;align-items:center;gap:7px;margin-top:20px;font-size:11px;display:flex}.hero-note svg{color:#35bb79}.hero-visual{height:520px;position:relative}.visual-grid{background:radial-gradient(circle,#0190fc29,#0000 66%);border-radius:50%;position:absolute;inset:0}.main-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#081c31b8;border:1px solid #ffffff26;border-radius:17px;width:88%;position:absolute;top:12%;left:6%;overflow:hidden;transform:perspective(1000px)rotateY(-5deg)rotateX(2deg);box-shadow:0 35px 90px #020810}.code-head{border-bottom:1px solid #ffffff1a;align-items:center;gap:7px;height:42px;padding:0 14px;display:flex}.code-head>span{background:#30465b;border-radius:50%;width:7px;height:7px}.code-head>span:first-child{background:#ff6c62}.code-head small{color:#70869b;margin-left:12px;font:10px DM Mono}.dashboard-preview{grid-template-columns:54px 1fr;min-height:310px;display:grid}.preview-nav{border-right:1px solid #ffffff14;flex-direction:column;align-items:center;gap:30px;padding:17px 0;display:flex}.preview-nav img{object-fit:contain;filter:saturate(1.4);width:22px;height:22px}.preview-nav i{background:#2b4055;border-radius:10px;width:16px;height:3px;display:block}.preview-content{padding:48px 38px 28px}.preview-content>span{color:#7891a7;font-size:11px}.preview-content>b{letter-spacing:-.05em;margin:12px 0 25px;font-size:38px;display:block}.chart-bars{border-bottom:1px solid #263c51;align-items:flex-end;gap:9px;height:130px;display:flex}.chart-bars i{background:linear-gradient(#0190fc,#0141a6);border-radius:4px 4px 0 0;flex:1;position:relative}.chart-bars i:after{content:"";background:linear-gradient(90deg,#ffffff2e,#0000);position:absolute;inset:0}.float-card{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#0f2740e6;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:11px;padding:13px 16px;display:flex;position:absolute;box-shadow:0 20px 50px #030a12}.float-card span{flex-direction:column;display:flex}.float-card b{font-size:11px}.float-card small{color:#8298ab;margin-top:3px;font-size:9px}.secure{top:8%;right:-2%}.secure svg{color:#59baff}.shipped{bottom:8%;left:-2%}.pulse{background:#31cf80;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 5px #31cf801f}.hero-badge{background:var(--bright);border-radius:50%;place-items:center;width:80px;height:80px;display:grid;position:absolute;bottom:1%;right:5%;box-shadow:0 20px 50px #0190fc59}.hero-badge img{object-fit:contain;filter:brightness(0)invert();width:57px;height:57px}.hero-orb{filter:blur(2px);border-radius:50%;position:absolute}.orb-one{background:#0172de22;width:350px;height:350px;top:130px;right:-120px}.orb-two{background:#0190fc18;width:160px;height:160px;top:8%;left:42%}.marquee{background:var(--bright);align-items:center;width:100%;height:72px;display:flex;position:absolute;bottom:0;overflow:hidden}.marquee>div{flex-shrink:0;animation:28s linear infinite marquee;display:flex}.marquee span{letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:34px;margin-right:34px;font:500 12px DM Mono;display:flex}.marquee i{opacity:.55;font-style:normal}@keyframes marquee{to{transform:translate(-50%)}}.section{padding:130px 0}.about{background:var(--paper)}.about-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:100px;display:grid}.about-image-wrap{height:560px;position:relative}.about-image-wrap>img{object-fit:cover;filter:saturate(.75);border-radius:4px;width:100%;height:100%}.about-image-wrap:after{content:"";background:linear-gradient(#0000 55%,#00234b80);border-radius:4px;position:absolute;inset:0}.image-label{z-index:2;background:var(--bright);color:#fff;width:135px;height:104px;padding:23px;position:absolute;bottom:34px;left:-18px}.image-label span,.image-label b{display:block}.image-label span{opacity:.7;font:10px DM Mono}.image-label b{margin-top:8px;font-size:18px}.about-copy h2,.values-title h2,.work-head h2,.faq-intro h2{letter-spacing:-.055em;margin:0;font-size:clamp(38px,4.2vw,60px);line-height:1.13}.about-copy>p:not(.eyebrow){color:var(--muted);margin:30px 0;font-size:16px;line-height:1.8}.about-copy blockquote{border-left:3px solid var(--bright);margin:35px 0;padding-left:22px;font-size:19px;font-weight:600;line-height:1.55}.about-copy .text-link{color:var(--blue)}.stats-grid{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:100px;display:grid}.stat{border-right:1px solid var(--line);padding:38px 25px 0}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat b{letter-spacing:-.05em;color:var(--blue);font-size:30px;display:block}.stat span{color:var(--muted);margin-top:7px;font-size:12px;display:block}.services{color:#fff;background:#071626}.section-head,.work-head{justify-content:space-between;align-items:flex-end;margin-bottom:70px;display:flex}.section-head h2{letter-spacing:-.055em;margin:0;font-size:clamp(42px,4.3vw,62px);line-height:1.08}.section-head>p,.work-head>p{color:#8ea2b6;width:390px;margin:0 0 5px;font-size:14px;line-height:1.7}.service-grid{border-top:1px solid #203448;border-left:1px solid #203448;grid-template-columns:repeat(3,1fr);display:grid}.service-card{border-bottom:1px solid #203448;border-right:1px solid #203448;min-height:385px;padding:34px;transition:all .35s;position:relative;overflow:hidden}.service-card:before{content:"";background:var(--blue);transition:all .35s;position:absolute;inset:100% 0 0}.service-card:hover:before{inset:0}.service-card>*{z-index:1;position:relative}.service-top{color:#6c8297;justify-content:space-between;display:flex}.service-top span{font:11px DM Mono}.service-top svg{color:#4a6d8d}.service-card h3{margin:70px 0 18px;font-size:21px;line-height:1.3}.service-card p{color:#8296a9;max-width:310px;font-size:13px;line-height:1.75}.service-card:hover p,.service-card:hover .service-top,.service-card:hover .service-top svg{color:#d4e9fb}.tags{flex-wrap:wrap;gap:7px;margin-top:30px;display:flex}.tags span{text-transform:uppercase;color:#70879b;border:1px solid #2b4054;border-radius:99px;padding:6px 8px;font:9px DM Mono}.service-card:hover .tags span{color:#fff;border-color:#4ea8f2}.card-arrow{color:#5c7891;transition:all .3s;position:absolute;bottom:28px;right:30px}.service-card:hover .card-arrow{color:#fff;transform:translate(5px,5px)}.values{background:var(--surface)}.values-title{justify-content:space-between;align-items:flex-end;margin-bottom:70px;display:flex}.values-title .eyebrow{align-self:flex-start;margin-top:12px}.values-grid{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.value-card{border:1px solid var(--line);min-height:285px;padding:45px 38px;position:relative}.value-card>span{color:var(--blue);font:11px DM Mono}.value-card h3{margin:70px 0 15px;font-size:23px}.value-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.75}.value-card:nth-child(2){background:var(--blue);color:#fff;border-color:var(--blue)}.value-card:nth-child(2)>span,.value-card:nth-child(2) p{color:#c7e5ff}.process{color:#fff;background:#05101c}.dark-head>p{color:#7f94a8}.process-list{border-top:1px solid #243547}.process-row{border-bottom:1px solid #243547;grid-template-columns:70px 1fr 1.4fr 220px 30px;align-items:center;gap:30px;padding:35px 5px;transition:all .25s;display:grid}.process-row:hover{background:#0a1b2b;padding-left:18px}.process-number{color:#4f6c85;font:11px DM Mono}.process-row h3{margin:0;font-size:25px}.process-row>p{color:#8296aa;margin:0;font-size:12px;line-height:1.7}.deliverable{color:#79a8ce;text-transform:uppercase;align-items:center;gap:8px;font:10px DM Mono;display:flex}.deliverable svg{color:#36cb84}.process-row>svg{color:#486782}.work{background:var(--paper)}.work-head>p{color:var(--muted)}.projects{grid-template-columns:1.1fr .9fr;gap:75px 28px;display:grid}.project-1{grid-row:span 2}.project-1 .project-image{height:650px}.project-2 .project-image,.project-3 .project-image{height:300px}.project-image{background:#d9e1e8;position:relative;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:all .6s}.project-overlay{mix-blend-mode:multiply;opacity:.22;position:absolute;inset:0}.project-image>span{color:#07131f;background:#fff;border-radius:50%;place-items:center;width:46px;height:46px;transition:all .3s;display:grid;position:absolute;top:20px;right:20px;transform:scale(0)}.project:hover .project-image img{transform:scale(1.035)}.project:hover .project-image>span{transform:scale(1)}.project>p{color:var(--blue);letter-spacing:.12em;margin:22px 0 9px;font:10px DM Mono}.project h3{letter-spacing:-.035em;margin:0;font-size:26px}.project-line{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.project-line span{color:var(--muted);font-size:12px}.project-line svg{width:18px}.faq-section{background:var(--surface)}.faq-grid{grid-template-columns:.75fr 1.25fr;gap:100px;display:grid}.faq-intro>p:not(.eyebrow){color:var(--muted);margin-top:30px;font-size:13px}.faq-intro>a{color:var(--blue);align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex}.accordion{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;width:100%;padding:26px 0;font-weight:700;display:flex}.faq-item button svg{color:var(--muted);transition:all .3s}.faq-item.active button svg{color:var(--blue);transform:rotate(180deg)}.faq-answer{grid-template-rows:0fr;transition:grid-template-rows .35s;display:grid}.faq-answer p{color:var(--muted);max-width:630px;margin:0;font-size:13px;line-height:1.75;overflow:hidden}.faq-item.active .faq-answer{grid-template-rows:1fr}.faq-item.active .faq-answer p{padding-bottom:26px}.contact{color:#fff;background:linear-gradient(125deg,#05204a,#006bd1);position:relative;overflow:hidden}.contact:before{content:"";background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:55px 55px;position:absolute;inset:0}.contact-orb{filter:blur(1px);opacity:.15;background:#0190fc;border-radius:50%;width:600px;height:600px;position:absolute;top:-250px;right:-250px}.contact-grid{grid-template-columns:.9fr 1.1fr;gap:90px;display:grid;position:relative}.contact-copy h2{letter-spacing:-.055em;margin:0;font-size:clamp(48px,5vw,70px);line-height:1.05}.contact-copy>p:not(.eyebrow){color:#b1cee9;max-width:450px;margin:25px 0 45px;font-size:14px;line-height:1.7}.contact-links{flex-direction:column;gap:14px;display:flex}.contact-links a{align-items:center;gap:15px;display:flex}.contact-links>a>svg{border:1px solid #ffffff3d;border-radius:50%;width:38px;height:38px;padding:10px}.contact-links a span{flex-direction:column;font-size:12px;display:flex}.contact-links small{letter-spacing:.1em;color:#77addd;margin-bottom:3px;font:8px DM Mono}.contact-form{background:var(--surface);color:var(--ink);border-radius:5px;padding:40px;box-shadow:0 35px 80px #001c3d66}.field-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.contact-form label{text-transform:uppercase;letter-spacing:.04em;flex-direction:column;gap:8px;margin-bottom:20px;font-size:10px;font-weight:700;display:flex}.contact-form input,.contact-form select,.contact-form textarea{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);text-transform:none;letter-spacing:0;background:0 0;border-radius:0;outline:0;padding:10px 0;font-size:12px}.contact-form select{background-color:var(--surface);color:var(--ink)}.contact-form select option{color:#07131f;background-color:#fff}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue)}.contact-form textarea{resize:vertical}.form-button{width:100%;margin-top:5px}.form-button:disabled{opacity:.65}.form-status{align-items:center;gap:8px;margin:15px 0 0;font-size:11px;display:flex}.form-status svg{width:16px}.form-status.success{color:#149a5b}.form-status.error{color:#d94a4a}[data-theme=dark] .contact-form select{color:#eef6ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:#0d1926}[data-theme=dark] .contact-form select option{color:#eef6ff;background-color:#0d1926}footer{color:#fff;background:#030b14;padding:75px 0 28px}.footer-main{grid-template-columns:1.6fr .7fr 1fr;gap:70px;padding-bottom:70px;display:grid}.footer-brand p{color:#6f8294;max-width:310px;margin-top:28px;font-size:13px;line-height:1.7}.footer-main>div:not(:first-child){color:#9eb0c0;flex-direction:column;gap:12px;font-size:12px;display:flex}.footer-main>div>small{color:#4d6479;letter-spacing:.13em;margin-bottom:8px;font:9px DM Mono}.footer-main a:hover{color:var(--bright)}.footer-bottom{color:#526579;border-top:1px solid #172431;gap:30px;padding-top:24px;font-size:10px;display:flex}.footer-bottom a:nth-child(2){margin-left:auto}.whatsapp-float{z-index:30;color:#fff;background:#25d366;border-radius:99px;align-items:center;gap:9px;padding:13px 17px;font-size:11px;font-weight:700;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #00280f4d}.whatsapp-float svg{width:19px}@media (max-width:1000px){.container{width:min(100% - 44px,var(--max))}.nav{gap:18px}.hero-inner{grid-template-columns:1fr;gap:10px;padding-top:75px}.hero{min-height:1120px}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-actions,.hero-note{justify-content:center}.hero-description{margin-left:auto;margin-right:auto}.hero-visual{width:min(600px,100%);margin:auto}.about-grid,.contact-grid{gap:50px}.about-image-wrap{height:460px}.service-grid{grid-template-columns:repeat(2,1fr)}.process-row{grid-template-columns:55px .8fr 1.3fr 180px 20px}.projects{gap:50px 22px}.project-1 .project-image{height:550px}.faq-grid{gap:50px}}@media (max-width:760px){.container{width:calc(100% - 36px)}.site-header{height:74px;padding:0 18px}.brand b{font-size:12px}.brand small{font-size:7px}.brand-mark{width:37px;height:37px}.brand-mark img{width:29px;height:29px}.menu-button{display:grid}.nav{opacity:0;pointer-events:none;background:#091726;border:1px solid #24384b;border-radius:12px;flex-direction:column;align-items:stretch;gap:0;padding:24px;transition:all .25s;display:flex;position:fixed;inset:74px 12px auto;transform:translateY(-20px)}.nav.open{opacity:1;pointer-events:auto;transform:none}.nav a{padding:14px}.nav-contact{margin-top:8px}.hero{min-height:890px}.hero-inner{min-height:745px;padding:55px 0 35px}.hero h1{font-size:44px}.hero-description{font-size:15px}.hero-visual{height:340px;margin-top:20px}.main-card{width:96%;top:5%;left:2%}.dashboard-preview{min-height:220px}.preview-content{padding:28px 22px}.preview-content>b{font-size:28px}.chart-bars{height:80px}.secure{top:0;right:0}.shipped{bottom:0;left:0}.hero-badge{display:none}.marquee{height:62px}.section{padding:88px 0}.about-grid,.faq-grid,.contact-grid{grid-template-columns:1fr}.about-grid{gap:55px}.about-image-wrap{height:410px}.about-copy h2,.values-title h2,.work-head h2,.faq-intro h2{font-size:39px}.stats-grid{grid-template-columns:1fr 1fr;margin-top:70px}.stat{border-bottom:1px solid var(--line);padding:25px 15px}.stat:nth-child(odd){padding-left:0}.section-head,.work-head,.values-title{margin-bottom:45px;display:block}.section-head>p,.work-head>p{width:auto;margin-top:25px}.service-grid{grid-template-columns:1fr}.service-card{min-height:330px}.service-card h3{margin-top:50px}.values-grid{grid-template-columns:1fr}.value-card{min-height:240px}.process-row{grid-template-columns:45px 1fr 24px;gap:16px}.process-row>p,.deliverable{grid-column:2/4}.process-row>svg{grid-area:1/3}.projects{grid-template-columns:1fr}.project-1{grid-row:auto}.project-1 .project-image,.project-2 .project-image,.project-3 .project-image{height:390px}.project-line span{max-width:85%}.contact-grid{gap:50px}.contact-form{padding:28px 22px}.field-row{grid-template-columns:1fr;gap:0}.footer-main{grid-template-columns:1fr;gap:40px;padding-bottom:45px}.footer-bottom{flex-wrap:wrap}.footer-bottom a:nth-child(2){margin-left:0}.whatsapp-float span{display:none}.whatsapp-float{justify-content:center;width:48px;height:48px;padding:0}.faq-intro h2{max-width:500px}}@media (max-width:420px){.hero h1{font-size:38px}.hero-actions{flex-direction:column;gap:18px}.hero{min-height:930px}.hero-visual{height:320px}.float-card{padding:10px}.contact-copy h2{font-size:43px}.project-1 .project-image,.project-2 .project-image,.project-3 .project-image{height:320px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
