:root {
  --navy:#06162c; --blue:#1b73e8; --cyan:#12b9e8; --violet:#7657ff;
  --white:#f7fbff; --muted:#a9bad0; --line:rgba(93,181,255,.22);
}

/* Local concept: Technical Source expanding ecosystem */
.future-ecosystem{position:relative;overflow:hidden;padding:96px 7vw;background:#06152f;color:#fff}
.future-orbit{position:absolute;width:560px;height:560px;border:1px solid rgba(50,213,211,.14);border-radius:50%;right:-250px;top:-280px;box-shadow:0 0 120px rgba(0,192,211,.1)}
.future-heading{position:relative;display:grid;grid-template-columns:1.1fr .7fr;gap:56px;align-items:end;margin-bottom:38px}
.future-heading h2{font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.045em;margin:10px 0 0}
.future-heading>p{color:#b7c8dd;line-height:1.75;margin:0 0 6px}
.future-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.future-card{min-height:290px;padding:28px;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:rgba(255,255,255,.055);display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s ease,border-color .25s ease,background .25s ease}
.future-card:hover{transform:translateY(-5px);border-color:rgba(49,224,216,.5);background:rgba(255,255,255,.08)}
.future-card.horizon{background:linear-gradient(145deg,rgba(12,107,159,.18),rgba(26,221,194,.055));border-color:rgba(45,205,203,.2)}
.future-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#36e2d3;background:#0c2d56;font-size:23px;margin-bottom:24px}
.future-icon.code-icon{font-family:Consolas,"Courier New",monospace;font-size:20px;font-weight:800;letter-spacing:-2px;padding-right:2px}
.future-card small{color:#45ded2;letter-spacing:.11em;font-weight:700}
.future-card h3{font-size:clamp(25px,3vw,34px);letter-spacing:-.025em;margin:10px 0 10px}
.future-card p{color:#b7c8dd;line-height:1.65;margin:0;max-width:520px}
.future-card>a,.future-label{display:flex;justify-content:space-between;align-items:center;color:#fff;text-decoration:none;font-weight:700;margin-top:25px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}
.future-label{color:#69e6dc}
.future-cta{position:relative;margin-top:18px;border-radius:20px;padding:24px 26px;background:linear-gradient(100deg,#0b2851,#075066);display:flex;align-items:center;justify-content:space-between;gap:28px}
.future-cta strong,.future-cta span{display:block}.future-cta strong{font-size:20px;margin-bottom:5px}.future-cta div>span{color:#b7c8dd}
.future-cta>a{background:#41e1d3;color:#06152f;text-decoration:none;font-weight:800;border-radius:12px;padding:14px 18px;white-space:nowrap}
.back-to-top{position:fixed;right:24px;bottom:24px;z-index:30;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#17a8f5,#23ded0);color:#06152f;text-decoration:none;font-size:25px;font-weight:800;box-shadow:0 14px 36px rgba(0,159,218,.34);border:1px solid rgba(255,255,255,.38);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(14px) scale(.92);transition:opacity .22s ease,visibility .22s ease,transform .22s ease,box-shadow .2s ease}
.back-to-top.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
.back-to-top.is-visible:hover{transform:translateY(-4px) scale(1);box-shadow:0 18px 42px rgba(0,196,218,.45)}
@media(max-width:850px){.future-ecosystem{padding:72px 24px}.future-heading{grid-template-columns:1fr;gap:18px}.future-grid{grid-template-columns:1fr}.future-card{min-height:260px}.future-cta{align-items:flex-start;flex-direction:column}.future-cta>a{width:100%;text-align:center}.site-header nav a[href="#ecosistema"]{display:none}}
@media(max-width:600px){.back-to-top{right:16px;bottom:18px;width:46px;height:46px;font-size:22px}}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--navy); color:var(--white); font-family:Inter,system-ui,sans-serif; line-height:1.55; overflow-x:hidden; }
body:before { content:""; position:fixed; inset:0; pointer-events:none; background-image:linear-gradient(rgba(44,137,216,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(44,137,216,.035) 1px,transparent 1px); background-size:48px 48px; }
a { color:inherit; }
.site-header { height:88px; padding:0 clamp(24px,5vw,80px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid rgba(255,255,255,.06); position:relative; z-index:5; background:rgba(6,22,44,.82); backdrop-filter:blur(14px); }
.brand { display:flex; align-items:center; gap:13px; text-decoration:none; }
.brand span:last-child { display:flex; flex-direction:column; }
.brand strong { font-size:18px; letter-spacing:.04em; }
.brand small { font-size:8px; letter-spacing:.27em; color:var(--cyan); font-weight:700; }
.brand-mark { width:48px; height:48px; display:block; overflow:hidden; border-radius:12px; background:#020d26; box-shadow:0 0 18px rgba(18,185,232,.18); }
.brand-mark img { width:72px; height:72px; max-width:none; object-fit:cover; transform:translate(-12px,-9px); }
nav { display:flex; gap:38px; }
nav a { text-decoration:none; color:#d9e4f2; font-size:14px; font-weight:500; transition:.25s; }
nav a:hover { color:var(--cyan); }
main { position:relative; }
.hero { min-height:600px; padding:118px 24px 92px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; position:relative; overflow:hidden; }
.hero-glow { position:absolute; width:1100px; height:540px; top:150px; border-radius:50%; border:1px solid rgba(20,174,238,.35); box-shadow:0 0 90px 15px rgba(13,118,225,.2),inset 0 0 80px rgba(35,98,205,.12); }
.eyebrow { color:var(--cyan); font-size:11px; letter-spacing:.2em; font-weight:800; margin:0 0 18px; }
.hero h1 { font-size:clamp(42px,6.2vw,82px); line-height:1.02; letter-spacing:-.045em; margin:0; max-width:1100px; z-index:1; }
.hero h1 span { background:linear-gradient(90deg,#1c9df5,#13d2e7); -webkit-background-clip:text; background-clip:text; color:transparent; }
.hero-copy { max-width:790px; color:#c4d1df; font-size:17px; margin:26px auto 30px; z-index:1; }
.hero-cta { text-decoration:none; border:1px solid var(--line); background:rgba(9,43,78,.7); border-radius:999px; padding:12px 20px; font-size:13px; box-shadow:0 10px 40px rgba(0,0,0,.2); z-index:1; }
.hero-cta span { color:var(--cyan); margin-left:10px; }
.solutions { max-width:1320px; margin:0 auto; padding:90px 28px; }
.section-heading { text-align:center; margin-bottom:42px; }
.section-heading h2,.contact h2 { font-size:clamp(30px,4vw,48px); line-height:1.1; margin:0; letter-spacing:-.035em; }
.solution-card { display:grid; grid-template-columns:42% 58%; min-height:520px; border:1px solid var(--line); border-radius:28px; overflow:hidden; background:linear-gradient(135deg,rgba(9,38,75,.95),rgba(4,21,43,.95)); box-shadow:0 28px 80px rgba(0,0,0,.2); margin-bottom:34px; }
.solution-card:nth-of-type(even) { grid-template-columns:58% 42%; }
.solution-card:nth-of-type(even) .logo-panel { order:2; }
.logo-panel { background:linear-gradient(145deg,rgba(24,113,220,.16),rgba(14,40,77,.38)); display:flex; align-items:center; justify-content:center; padding:45px; }
.intelligence-card .logo-panel { background:linear-gradient(145deg,rgba(113,80,255,.18),rgba(14,40,77,.38)); }
.sifel-card { border-color:rgba(14,165,168,.35); }
.sifel-card .logo-panel { background:linear-gradient(145deg,rgba(14,165,168,.2),rgba(7,31,61,.75)); }
.sifel-card .product-kicker { color:#22c55e; }
.sifel-card .product-button { background:linear-gradient(90deg,#0e9aa6,#22c55e); box-shadow:0 10px 30px rgba(18,190,135,.2); }
.logo-panel img { width:100%; max-width:560px; border-radius:15px; box-shadow:0 24px 80px rgba(0,0,0,.3); }
.card-content { padding:62px clamp(34px,5vw,76px); display:flex; flex-direction:column; justify-content:center; }
.product-kicker { font-size:10px; letter-spacing:.2em; color:var(--cyan); font-weight:800; }
.intelligence-card .product-kicker { color:#9b8cff; }
.card-content h3 { font-size:clamp(28px,3vw,43px); line-height:1.12; letter-spacing:-.035em; margin:14px 0 18px; }
.card-content p { color:var(--muted); margin:0; max-width:620px; }
.card-content ul { list-style:none; padding:0; margin:25px 0; }
.card-content li { padding:7px 0 7px 26px; position:relative; color:#d7e4f2; font-size:14px; }
.card-content li:before { content:"✓"; position:absolute; left:0; color:var(--cyan); font-weight:800; }
.product-button { align-self:flex-start; text-decoration:none; background:linear-gradient(90deg,#0879df,#13bce4); padding:13px 20px; border-radius:11px; font-size:13px; font-weight:700; box-shadow:0 10px 30px rgba(15,144,230,.22); }
.intelligence-card .product-button { background:linear-gradient(90deg,#573bd5,#7b64ff); }
.product-button span { margin-left:12px; }
.values { max-width:1264px; margin:10px auto 110px; padding:26px; display:grid; grid-template-columns:repeat(3,1fr); border:1px solid var(--line); background:rgba(7,35,68,.68); border-radius:22px; }
.values article { padding:15px 28px; display:flex; gap:20px; align-items:flex-start; border-right:1px solid var(--line); }
.values article:last-child { border:0; }
.value-icon { font-size:34px; color:var(--cyan); line-height:1; }
.values h3 { margin:0 0 5px; font-size:16px; }
.values p { margin:0; color:var(--muted); font-size:13px; }
.contact { padding:75px max(28px,calc((100vw - 1264px)/2)); display:grid; grid-template-columns:1.05fr .95fr; gap:80px; align-items:center; background:linear-gradient(110deg,rgba(11,51,94,.9),rgba(21,27,75,.85)); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.contact>div>p:last-child { color:var(--muted); max-width:610px; }
.whatsapp-list { display:grid; gap:14px; }
.whatsapp-list a { text-decoration:none; display:flex; align-items:center; gap:17px; padding:17px 20px; border:1px solid rgba(35,214,137,.32); background:rgba(7,30,57,.7); border-radius:14px; transition:.25s; }
.whatsapp-list a:hover { transform:translateY(-2px); border-color:#31d68c; }
.wa-icon { width:42px; height:42px; border:2px solid #31d68c; border-radius:50%; display:grid; place-items:center; color:#31d68c; font-size:24px; }
.whatsapp-list span:last-child { display:flex; flex-direction:column; }
.whatsapp-list small { color:#8fd7b7; }
.whatsapp-list strong { font-size:18px; }
footer { padding:28px max(28px,calc((100vw - 1264px)/2)); display:flex; justify-content:space-between; color:#8194aa; font-size:12px; }
@media(max-width:850px) {
  .site-header { height:auto; padding:20px 22px; }
  .site-header nav { display:none; }
  .hero { min-height:560px; padding-top:90px; }
  .hero h1 { width:100%; min-width:0; max-width:100%; font-size:clamp(34px,10vw,42px); line-height:1.08; letter-spacing:-.035em; }
  .hero h1 br { display:block; }
  .solution-card,.solution-card:nth-of-type(even) { grid-template-columns:1fr; }
  .solution-card:nth-of-type(even) .logo-panel { order:0; }
  .logo-panel { padding:28px; }
  .card-content { padding:38px 28px 44px; }
  .values { grid-template-columns:1fr; margin-inline:22px; }
  .values article { border-right:0; border-bottom:1px solid var(--line); padding:22px 16px; }
  .contact { grid-template-columns:1fr; gap:34px; padding:60px 28px; }
  footer { flex-direction:column; gap:8px; text-align:center; }
  .brand strong { font-size:15px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }