:root{--bg:#f7f9fe;--ink:#111426;--muted:#677087;--blue:#4167f4;--violet:#7658ed;--line:rgba(17,20,38,.1);--glass:rgba(255,255,255,.68);--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;background:radial-gradient(circle at 85% 5%,#e5e9ff 0,transparent 31%),radial-gradient(circle at 8% 34%,#eee8ff 0,transparent 25%),var(--bg);color:var(--ink);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.skip-link{position:fixed;z-index:100;left:12px;top:12px;padding:12px 16px;border-radius:10px;background:#111426;color:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.site-header{position:fixed;z-index:20;top:16px;left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),var(--max));height:74px;padding:10px 12px 10px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(255,255,255,.95);border-radius:23px;background:rgba(255,255,255,.7);backdrop-filter:blur(24px);box-shadow:0 18px 55px rgba(64,76,130,.12)}.brand{min-width:245px}.brand img{height:43px;width:auto}.main-nav{display:flex;gap:28px;font-size:13px;color:#4f576c}.main-nav a:hover{color:var(--blue)}.header-cta,.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:15px;font-weight:700;transition:.25s}.header-cta{padding:15px 20px;background:#14172b;color:white;font-size:13px}.header-cta:hover,.btn:hover{transform:translateY(-3px)}.menu-toggle{display:none;border:0;background:none}
.section-pad{width:min(calc(100% - 40px),var(--max));margin:auto;padding:125px 0;position:relative}.hero{min-height:100vh;padding-top:145px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:75px}.eyebrow{margin:0;color:var(--blue);font:700 11px ui-monospace,SFMono-Regular,Menlo,monospace;text-transform:uppercase;letter-spacing:.16em}.hero h1,.section-head h2,.about-copy h2,.cta-section h2{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;letter-spacing:-.06em;line-height:.98}.hero h1{font-size:clamp(52px,6.5vw,88px);margin:22px 0 28px;max-width:850px}.hero h1 span{color:var(--blue)}.hero-text{font-size:19px;line-height:1.7;color:var(--muted);max-width:700px}.hero-actions{display:flex;gap:12px;margin-top:34px}.btn{padding:17px 23px;border:1px solid var(--line);background:rgba(255,255,255,.65)}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--violet));color:white;border:0;box-shadow:0 15px 34px rgba(65,103,244,.24)}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:42px}.hero-stats div,.service-card,.testimonial,.timeline div{padding:21px;border:1px solid rgba(255,255,255,.9);border-radius:23px;background:var(--glass);backdrop-filter:blur(22px);box-shadow:0 18px 55px rgba(63,76,126,.09)}.hero-stats strong{display:block;color:var(--blue);font-size:18px}.hero-stats span,.service-card p,.about-copy p,.timeline p,.testimonial span,.cta-section p,.site-footer p{font-size:12px;color:var(--muted);line-height:1.65}
.hero-visual{position:relative;min-height:590px;display:grid;place-items:center}.hero-visual img{width:min(440px,86%);aspect-ratio:1;border-radius:50%;object-fit:cover;border:12px solid rgba(255,255,255,.5);box-shadow:0 45px 90px rgba(77,74,164,.24),0 0 0 1px rgba(65,103,244,.17)}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(65,103,244,.2)}.orbit-one{width:570px;height:570px;animation:spin 21s linear infinite}.orbit-two{width:450px;height:450px;border-style:dashed;animation:spin 27s linear reverse infinite}.floating-card{position:absolute;padding:16px 19px;border-radius:18px;background:rgba(255,255,255,.72);border:1px solid white;backdrop-filter:blur(18px);box-shadow:0 20px 55px rgba(56,64,120,.13)}.floating-card span{display:block;font-size:12px;color:var(--muted)}.floating-card strong{font-size:22px}.top-card{top:110px;right:0}.bottom-card{bottom:85px;left:0}
.marquee{overflow:hidden;border-block:1px solid var(--line);background:#15182d}.marquee-track{display:flex;gap:48px;white-space:nowrap;padding:23px 0;color:#fff;font-size:23px;font-weight:800;text-transform:uppercase;animation:marquee 24s linear infinite}.section-head{max-width:900px;margin-bottom:52px}.section-head h2,.about-copy h2,.cta-section h2{font-size:clamp(40px,5vw,67px);margin:13px 0}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{min-height:330px;display:flex;flex-direction:column;transition:.35s}.service-card:hover,.project-card:hover{transform:translateY(-8px);box-shadow:0 27px 65px rgba(65,76,130,.15)}.service-card>span,.timeline span{color:var(--blue);font:700 11px monospace}.service-card h3{font-size:21px;margin-top:auto;margin-bottom:10px}.service-card small{display:block;margin-top:14px;padding-top:13px;border-top:1px solid var(--line);color:#7b8295;font:600 9px monospace;line-height:1.55;text-transform:uppercase;letter-spacing:.05em}.featured-service{background:linear-gradient(155deg,rgba(228,235,255,.92),rgba(241,236,255,.88));border-color:rgba(90,103,238,.2)}.featured-service h3{color:#334fd4}.about{display:grid;grid-template-columns:.9fr 1.1fr;gap:68px;align-items:center}.about-image img{border-radius:30px;min-height:550px;object-fit:cover;box-shadow:0 35px 75px rgba(60,70,120,.15)}.check-list{list-style:none;padding:0;display:grid;gap:10px}.check-list li{padding:16px 18px;border:1px solid white;border-radius:17px;background:var(--glass)}.check-list li:before{content:"✓";color:var(--blue);font-weight:900;margin-right:10px}
.projects{padding-top:135px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 24px}.project-card{position:relative;overflow:hidden;border-radius:28px;aspect-ratio:1.35;background:#e8ebf5;transition:.35s}.project-card:nth-child(even){transform:translateY(80px)}.project-card:nth-child(even):hover{transform:translateY(72px)}.project-card img{width:100%;height:100%;object-fit:cover;transition:.7s}.project-card:hover img{transform:scale(1.04)}.project-card div{position:absolute;left:18px;right:18px;bottom:18px;padding:18px;border-radius:19px;background:rgba(255,255,255,.8);backdrop-filter:blur(20px)}.project-card span{font:700 10px monospace;color:var(--blue);text-transform:uppercase}.project-card h3{font-size:25px;margin:6px 0 0}.process{margin-top:80px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.timeline h3{font-size:22px;margin:55px 0 8px}.testimonial{min-height:290px;display:flex;flex-direction:column}.testimonial div{color:#f0a630;letter-spacing:.18em}.testimonial p{font-family:Georgia,serif;font-size:18px;line-height:1.55;color:#34384b}.testimonial strong{margin-top:auto}.cta-section{display:flex;align-items:center;justify-content:space-between;gap:45px;margin-bottom:80px;padding:65px;border-radius:35px;background:linear-gradient(135deg,#e8edff,#f0eaff);border:1px solid white}.site-footer{width:min(calc(100% - 40px),var(--max));margin:auto;padding:35px 0 50px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.site-footer div:last-child{display:grid;gap:7px;text-align:right}
.reveal{opacity:0;transform:translateY(65px) scale(.985);filter:blur(6px);transition:opacity .75s,transform .85s cubic-bezier(.2,.8,.2,1),filter .75s}.reveal.is-visible{opacity:1;transform:none;filter:none}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.18s}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:920px){.main-nav,.header-cta{display:none}.menu-toggle{display:grid;gap:6px}.menu-toggle span{display:block;width:25px;height:2px;background:var(--ink)}.main-nav.is-open{display:grid;position:absolute;top:80px;left:0;right:0;padding:20px;background:white;border-radius:20px;box-shadow:0 20px 50px rgba(30,40,80,.15)}.hero,.about{grid-template-columns:1fr}.hero-visual{min-height:450px}.orbit-one{width:420px;height:420px}.orbit-two{width:330px;height:330px}.service-grid,.testimonial-grid,.timeline,.project-grid{grid-template-columns:1fr}.project-card:nth-child(even){transform:none}.project-card:nth-child(even):hover{transform:translateY(-8px)}.cta-section{display:grid}.section-pad{padding:90px 0}.site-footer{display:grid;gap:25px}.site-footer div:last-child{text-align:left}}
@media(max-width:560px){.site-header{top:9px;width:calc(100% - 18px);height:64px}.brand img{height:35px}.hero{padding-top:110px}.hero h1{font-size:43px}.hero-text{font-size:16px}.hero-actions{flex-direction:column}.hero-stats{grid-template-columns:1fr}.hero-visual{min-height:370px}.hero-visual img{width:260px}.orbit-one{width:330px;height:330px}.orbit-two{width:270px;height:270px}.floating-card{padding:12px}.top-card{top:35px}.bottom-card{bottom:20px}.cta-section{padding:35px 25px}.project-card{aspect-ratio:1.15}.section-head h2,.about-copy h2,.cta-section h2{font-size:41px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;filter:none;transition:none}.orbit,.marquee-track{animation:none}}
.whatsapp-btn{min-width:285px;padding:15px 17px 15px 15px!important;border-radius:20px!important;justify-content:flex-start!important;text-align:left;box-shadow:0 16px 38px rgba(67,91,224,.24)!important}.whatsapp-btn>svg{flex:0 0 auto;width:43px;height:43px;padding:9px;border-radius:14px;background:rgba(255,255,255,.16)}.whatsapp-btn>span{display:flex;flex:1;flex-direction:column;gap:3px}.whatsapp-btn strong{font-size:15px;line-height:1.15}.whatsapp-btn small{font-size:10px;font-weight:500;color:rgba(255,255,255,.72);white-space:nowrap}.whatsapp-btn>i{font-style:normal;font-size:18px;transition:transform .25s}.whatsapp-btn:hover>i{transform:translate(2px,-2px)}
@media(max-width:560px){.whatsapp-btn{min-width:0;width:100%}}
.webapps{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center;padding-top:145px}.webapp-copy h2{font-family:"Plus Jakarta Sans",Inter,sans-serif;font-size:clamp(40px,4.7vw,66px);letter-spacing:-.06em;line-height:.98;margin:15px 0 25px}.webapp-copy>p:not(.eyebrow){color:var(--muted);font-size:16px;line-height:1.72}.webapp-benefits{display:grid;gap:0;margin:28px 0 32px;border-top:1px solid var(--line)}.webapp-benefits article{display:grid;grid-template-columns:34px 1fr;gap:15px;padding:17px 0;border-bottom:1px solid var(--line)}.webapp-benefits span{font:700 10px monospace;color:var(--blue)}.webapp-benefits strong{font-size:14px}.webapp-benefits p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.app-showcase{position:relative;min-height:620px;padding-top:55px}.app-showcase:before{content:"";position:absolute;inset:5% -8% 0 5%;border-radius:50%;background:radial-gradient(circle,#dbe4ff 0,#eee9ff 45%,transparent 70%);filter:blur(10px)}.mockup-browser{position:absolute;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:23px;background:#fff;box-shadow:0 35px 90px rgba(57,68,120,.2)}.mockup-browser img{width:100%;height:auto}.browser-bar{height:38px;display:flex;align-items:center;gap:6px;padding:0 13px;background:rgba(249,250,253,.92);border-bottom:1px solid #e6e9f0}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#d9dde7}.browser-bar i:first-child{background:#ff7569}.browser-bar i:nth-child(2){background:#ffca54}.browser-bar i:nth-child(3){background:#59cf6a}.browser-bar span{margin-left:9px;color:#969cad;font:500 9px monospace}.mockup-main{z-index:1;left:0;right:4%;top:60px;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}.mockup-float{z-index:2;width:55%;right:-3%;bottom:0;transform:perspective(900px) rotateY(-7deg) rotateZ(-1deg)}.app-badge{position:absolute;z-index:3;left:-25px;bottom:25px;padding:15px 18px;border-radius:18px;background:rgba(255,255,255,.82);border:1px solid #fff;backdrop-filter:blur(18px);box-shadow:0 20px 45px rgba(58,67,115,.15)}.app-badge img{width:125px}.app-badge small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.mockup-project{background:linear-gradient(145deg,#e8e4f7,#dfe8ff);padding:42px 30px 88px}.mockup-project:before{content:"";position:absolute;z-index:2;left:40px;top:24px;width:7px;height:7px;border-radius:50%;background:#ff7569;box-shadow:12px 0 #ffca54,24px 0 #59cf6a}.mockup-project>img{position:relative;height:auto;border-radius:10px;box-shadow:0 25px 48px rgba(55,52,94,.22);transform:perspective(900px) rotateX(3deg);filter:none!important}.mockup-project:hover>img{transform:perspective(900px) rotateX(0) scale(1.02)}
@media(max-width:920px){.webapps{grid-template-columns:1fr;gap:35px}.app-showcase{min-height:590px}.mockup-main{right:0}.app-badge{left:10px}}
@media(max-width:560px){.webapps{padding-top:100px}.webapp-copy h2{font-size:41px}.app-showcase{min-height:410px}.mockup-main{top:30px}.mockup-float{width:62%;bottom:20px}.browser-bar{height:26px}.browser-bar span{font-size:7px}.app-badge{bottom:0;padding:10px}.app-badge img{width:95px}.mockup-project{padding:34px 16px 80px}}
.webapp-copy h2{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.hero-visual img{width:min(440px,86%);height:440px;aspect-ratio:1/1}
@media(max-width:560px){.hero-visual img{width:260px;height:260px}}