@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
 --bg:#060A13; --surface:#0D1424; --surface2:#111B2F; --primary:#7657FF;
 --cyan:#19D3FF; --text:#F5F7FF; --muted:#9AA6BD; --border:rgba(255,255,255,.10);
 --grad:linear-gradient(135deg,#7657FF 0%,#19D3FF 100%);
 --shadow:0 25px 70px rgba(0,0,0,.35); --radius:22px; --container:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:Manrope,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.65;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:radial-gradient(#fff .6px,transparent .6px);background-size:7px 7px;z-index:999}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--container),calc(100% - 40px));margin:auto}
.section{padding:105px 0;position:relative}
.eyebrow{color:#9edfff;text-transform:uppercase;letter-spacing:.18em;font-size:.75rem;font-weight:800;margin-bottom:15px}
h1,h2,h3{line-height:1.08;letter-spacing:-.045em}
h1{font-size:clamp(2.35rem,5.2vw,4.9rem)}
h2{font-size:clamp(1.85rem,3.5vw,3.15rem)}
h3{font-size:1.15rem}
.lead{color:var(--muted);font-size:.98rem;max-width:680px}
.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 21px;border-radius:999px;border:1px solid var(--border);font-weight:800;font-size:.92rem;transition:.35s ease;cursor:pointer}
.btn.primary{background:var(--grad);border:0;box-shadow:0 12px 35px rgba(118,87,255,.25)}
.btn.secondary{background:rgba(255,255,255,.035);backdrop-filter:blur(15px)}
.btn:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(25,211,255,.12)}
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:18px 0;transition:.35s}
.navbar.scrolled{background:rgba(6,10,19,.78);backdrop-filter:blur(18px);border-bottom:1px solid var(--border)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo{font-weight:800;letter-spacing:-.03em;font-size:1.1rem}.logo span{color:#9edfff}
.navlinks{display:flex;gap:25px;align-items:center}.navlinks a{color:#c9d2e5;font-size:.86rem;font-weight:700;transition:.25s}.navlinks a:hover,.navlinks a.active{color:#fff}
.nav-cta{padding:10px 16px!important;background:rgba(118,87,255,.15);border:1px solid rgba(118,87,255,.35);border-radius:999px}
.menu{display:none;background:none;border:0;color:#fff;font-size:1.5rem}
.hero{min-height:100vh;display:flex;align-items:center;padding-top:120px;position:relative;overflow:hidden}
.hero:before,.cta:before{content:"";position:absolute;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(118,87,255,.22),transparent 65%);top:-250px;right:-180px;filter:blur(10px)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center}
.hero-copy{position:relative;z-index:2}.hero-copy h1{max-width:820px}.hero-copy h1 span{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-visual{min-height:520px;position:relative;display:grid;place-items:center}
.orb{width:min(440px,80vw);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b9aaff,transparent 13%),radial-gradient(circle,#7657ff 0%,#16123e 45%,#07101d 68%,transparent 70%);box-shadow:0 0 100px rgba(118,87,255,.28);animation:float 7s ease-in-out infinite}
.ring{position:absolute;width:90%;height:90%;border:1px solid rgba(25,211,255,.22);border-radius:50%;animation:spin 22s linear infinite}.ring.r2{width:68%;height:68%;border-color:rgba(118,87,255,.3);animation-direction:reverse;animation-duration:17s}
.node{position:absolute;padding:10px 14px;background:rgba(13,20,36,.75);border:1px solid var(--border);backdrop-filter:blur(12px);border-radius:999px;font-size:.75rem;font-weight:800;box-shadow:var(--shadow);animation:float 5s ease-in-out infinite}
.n1{top:15%;right:2%}.n2{bottom:15%;left:2%;animation-delay:1s}.n3{top:45%;left:0;animation-delay:2s}
.grid-lines{position:absolute;inset:-20%;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:55px 55px;transform:perspective(600px) rotateX(58deg) translateY(100px);mask-image:linear-gradient(to bottom,transparent,black,transparent)}
.trust{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:28px 0;overflow:hidden}.trust-row{display:flex;gap:60px;align-items:center;justify-content:center;flex-wrap:wrap;color:#738098;font-weight:800;letter-spacing:.08em}
.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:55px}.stat{padding:28px;border:1px solid var(--border);background:linear-gradient(145deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border-radius:20px}.stat strong{display:block;font-size:2.45rem;letter-spacing:-.06em}.stat span{color:var(--muted)}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:48px}.section-head .lead{max-width:520px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;padding:28px;min-height:245px;border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));overflow:hidden;transition:.4s}.card:after{content:"";position:absolute;width:180px;height:180px;background:radial-gradient(circle,rgba(118,87,255,.18),transparent 70%);right:-70px;bottom:-80px;transition:.4s}.card:hover{transform:translateY(-8px);border-color:rgba(118,87,255,.45);box-shadow:var(--shadow)}.card:hover:after{transform:scale(1.4)}.icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:rgba(118,87,255,.12);border:1px solid rgba(118,87,255,.25);margin-bottom:28px;font-size:1.15rem}.card p{color:var(--muted);margin-top:10px}.arrow{display:inline-block;margin-top:25px;font-weight:800;color:#a8dfff}
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.principles{display:grid;gap:0}.principle{padding:22px 0;border-top:1px solid var(--border);display:grid;grid-template-columns:70px 1fr;gap:15px}.principle:last-child{border-bottom:1px solid var(--border)}.num{color:#7d89a3;font-weight:800}.principle p{color:var(--muted);margin-top:6px}
.marquee{overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:26px 0}.marquee-track{display:flex;width:max-content;gap:45px;animation:marquee 24s linear infinite}.pill{padding:11px 18px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.025);font-weight:700;color:#b7c0d4}
.service-now{background:linear-gradient(135deg,#0b0d1c,#10152a 55%,#07161f)}.architecture{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:45px}.arch{padding:18px;text-align:center;border:1px solid var(--border);background:rgba(255,255,255,.035);border-radius:14px;font-weight:800}.arch.main{grid-column:1/-1;background:rgba(118,87,255,.12);border-color:rgba(118,87,255,.3)}
.ai-panel{border:1px solid var(--border);border-radius:30px;padding:55px;background:radial-gradient(circle at 80% 20%,rgba(118,87,255,.22),transparent 35%),linear-gradient(135deg,#0b0f1d,#11182c);position:relative;overflow:hidden}
.flow{display:flex;gap:10px;flex-wrap:wrap;margin-top:35px}.flow span{padding:12px 15px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.035);font-weight:700}.flow b{color:#6e7890;padding-top:10px}
.case{min-height:420px;display:flex;flex-direction:column;justify-content:end;padding:32px;background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.85)),radial-gradient(circle at 75% 20%,rgba(25,211,255,.22),transparent 28%),#11192a;border-radius:26px;border:1px solid var(--border);transition:.4s}.case:hover{transform:translateY(-6px)}.case small{color:#9edfff;font-weight:800;text-transform:uppercase;letter-spacing:.15em}.case p{color:#c0c9d9;margin:10px 0}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.process{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.step{padding:25px;border-top:2px solid rgba(118,87,255,.55)}.step b{font-size:2rem}.step p{color:var(--muted);margin-top:8px}
.testimonial{padding:45px;border:1px solid var(--border);border-radius:26px;background:rgba(255,255,255,.03)}.quote{font-size:clamp(1.5rem,3vw,2.4rem);line-height:1.3;letter-spacing:-.035em}.person{margin-top:25px;color:var(--muted)}
.cta{position:relative;overflow:hidden;background:linear-gradient(135deg,#11152a,#0c1322);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.cta .container{position:relative;z-index:2}
footer{padding:65px 0 30px;background:#04070d;border-top:1px solid var(--border)}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}.footer-col h4{margin-bottom:15px}.footer-col a{display:block;color:var(--muted);margin:9px 0;font-size:.9rem}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid var(--border);margin-top:45px;padding-top:20px;color:#69758d;font-size:.82rem;display:flex;justify-content:space-between;gap:20px}
.page-hero{padding:145px 0 72px;background:radial-gradient(circle at 80% 20%,rgba(118,87,255,.18),transparent 35%)}.page-hero h1{max-width:900px}.breadcrumbs{color:#71809a;font-size:.82rem;margin-bottom:18px}
.form{display:grid;gap:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.input{width:100%;padding:15px 16px;background:#0b1220;border:1px solid var(--border);border-radius:13px;color:#fff;font:inherit;outline:none}.input:focus{border-color:rgba(118,87,255,.65);box-shadow:0 0 0 4px rgba(118,87,255,.08)}textarea.input{min-height:150px;resize:vertical}.status{min-height:24px;color:#9edfff}
.faq{border-top:1px solid var(--border)}details{border-bottom:1px solid var(--border);padding:20px 0}summary{cursor:pointer;font-weight:800;font-size:1.05rem}details p{color:var(--muted);padding-top:12px;max-width:800px}
.filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.filter button{background:transparent;color:#aab5c9;border:1px solid var(--border);padding:9px 15px;border-radius:999px;cursor:pointer}.filter button.active,.filter button:hover{background:rgba(118,87,255,.14);color:#fff;border-color:rgba(118,87,255,.4)}
.whatsapp{position:fixed;right:22px;bottom:22px;z-index:900;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#20c875;color:#fff;font-weight:900;box-shadow:0 12px 30px rgba(0,0,0,.35)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.show{opacity:1;transform:none}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.navlinks{display:none}.menu{display:block}.hero-grid,.split{grid-template-columns:1fr}.hero-visual{min-height:390px}.cards,.case-grid{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.section-head{display:block}}
@media(max-width:620px){.container{width:min(100% - 28px,var(--container))}.section{padding:75px 0}.hero{padding-top:105px}.hero-visual{min-height:320px}.orb{width:270px}.cards,.case-grid,.stats,.form-grid,.architecture,.process,.footer-grid{grid-template-columns:1fr}.section-head{margin-bottom:32px}.ai-panel{padding:30px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.trust-row{gap:22px}.nav-cta{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}


/* ===== V2 POLISH ===== */
.navlinks.open{
  display:flex !important;
  position:absolute;
  top:72px;
  left:14px;
  right:14px;
  flex-direction:column;
  align-items:stretch;
  gap:4px;
  padding:18px;
  background:rgba(6,10,19,.96);
  border:1px solid var(--border);
  border-radius:20px;
  box-shadow:var(--shadow);
  backdrop-filter:blur(20px);
}
.navlinks.open a{
  padding:12px 14px;
  border-radius:12px;
}
.navlinks.open a:hover{background:rgba(255,255,255,.05)}

.hero-badge{
  display:inline-flex;align-items:center;gap:9px;
  padding:8px 12px;border:1px solid rgba(25,211,255,.22);
  background:rgba(25,211,255,.055);border-radius:999px;
  color:#bdefff;font-size:.78rem;font-weight:800;margin-bottom:18px
}
.hero-badge:before{
  content:"";width:7px;height:7px;border-radius:50%;
  background:#19D3FF;box-shadow:0 0 18px #19D3FF
}
.tech-stack{
  display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:34px
}
.tech-item{
  padding:16px 14px;text-align:center;border:1px solid var(--border);
  border-radius:16px;background:rgba(255,255,255,.025);
  color:#c2ccdf;font-size:.82rem;font-weight:800;
  transition:.3s
}
.tech-item:hover{transform:translateY(-4px);border-color:rgba(25,211,255,.35);color:#fff}
.glow-line{
  height:1px;background:linear-gradient(90deg,transparent,#7657FF,#19D3FF,transparent);
  opacity:.55
}
.cookie{
  position:fixed;left:20px;bottom:20px;z-index:1200;
  width:min(420px,calc(100% - 40px));
  padding:18px;border:1px solid var(--border);border-radius:18px;
  background:rgba(6,10,19,.96);backdrop-filter:blur(18px);
  box-shadow:var(--shadow)
}
.cookie p{color:var(--muted);font-size:.85rem}
.cookie-actions{display:flex;gap:10px;margin-top:13px;flex-wrap:wrap}
.cookie.hidden{display:none}
.map-wrap{
  overflow:hidden;border-radius:24px;border:1px solid var(--border);min-height:360px
}
.map-wrap iframe{width:100%;height:360px;border:0;filter:grayscale(.15) contrast(1.05)}
.kicker-grid{
 display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:38px
}
.kicker{
 padding:18px;border-left:2px solid rgba(118,87,255,.6);
 background:linear-gradient(90deg,rgba(118,87,255,.07),transparent)
}
.kicker strong{display:block;font-size:1.15rem}.kicker span{color:var(--muted);font-size:.82rem}
.feature-band{
 padding:28px;border:1px solid var(--border);border-radius:24px;
 background:linear-gradient(135deg,rgba(118,87,255,.08),rgba(25,211,255,.03));
 display:flex;align-items:center;justify-content:space-between;gap:20px
}
.feature-band p{color:var(--muted)}
.service-strip{
 display:flex;gap:12px;overflow:auto;padding-bottom:6px;scrollbar-width:none
}
.service-strip::-webkit-scrollbar{display:none}
.service-chip{
 flex:0 0 auto;padding:12px 15px;border:1px solid var(--border);
 border-radius:999px;background:rgba(255,255,255,.025);font-weight:800
}
.error-page{min-height:75vh;display:grid;place-items:center;text-align:center;padding-top:90px}
.error-code{
 font-size:clamp(7rem,22vw,15rem);line-height:.8;font-weight:800;
 background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
 letter-spacing:-.09em
}
@media(max-width:900px){.tech-stack,.kicker-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.tech-stack,.kicker-grid{grid-template-columns:1fr 1fr}.feature-band{display:block}.feature-band .btn{margin-top:16px}}

.client-mini .icon{font-size:.75rem;font-weight:900;letter-spacing:.03em}
.client-mini .card{min-height:130px;display:flex;flex-direction:column;justify-content:center}

.hero-subline{
  margin-top:14px;color:#8f9bb2;font-size:.78rem;line-height:1.7;
  letter-spacing:.01em;max-width:720px
}