/* ===== COPAGO S.A. — Kinetic fintech · v2 =====
   Display: Syne · Body: Familjen Grotesk · Mono: DM Mono */

:root{
  --bg:#04130B; --bg-2:#07200F; --surface:#0B2916; --surface-2:#0E331C;
  --cream:#EAF6E1; --cream-ink:#06160C;
  --text:#EAF6EC; --muted:#8FB39C; --muted-2:#6B8A77;
  --green:#2BFF88; --green-d:#12A85A; --lime:#C8FF5A; --teal:#2BF0D0;
  --grad:linear-gradient(110deg,#2BFF88 0%,#8DFF63 55%,#C8FF5A 100%);
  --grad-soft:linear-gradient(120deg,rgba(43,255,136,.16),rgba(200,255,90,.08));
  --glow:rgba(43,255,136,.45);
  --line:rgba(255,255,255,.09); --line-2:rgba(255,255,255,.16);
  --r:20px; --r-lg:30px;
  --display:"Sora",sans-serif;
  --body:"Manrope",system-ui,sans-serif;
  --mono:"DM Mono","Courier New",monospace;
  --maxw:1240px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--body);background:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
::selection{background:var(--green);color:#03110A}

body::before{content:"";position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:.04;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

.wrap{max-width:var(--maxw);margin:0 auto;padding:0 26px}
.mono{font-family:var(--mono)}
.kick{font-family:var(--mono);font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--green);display:inline-flex;align-items:center;gap:.7em}
.kick::before{content:"";width:26px;height:2px;background:var(--green);display:inline-block;border-radius:2px}
.grad-text{background:var(--grad);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gradShift 7s ease-in-out infinite}
@keyframes gradShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

h1,h2,h3{font-family:var(--display);font-weight:800;line-height:.98;letter-spacing:-.02em}
h1{font-size:clamp(2.9rem,8vw,6.2rem)}
h2{font-size:clamp(2.1rem,5vw,3.8rem)}
h3{font-size:1.3rem;font-weight:700;letter-spacing:-.01em}
p{color:var(--muted)}
.lead{font-size:clamp(1.05rem,1.55vw,1.32rem);color:var(--text);opacity:.84;max-width:58ch;font-weight:400}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:.55em;font-family:var(--body);font-weight:700;font-size:1rem;
  padding:16px 28px;border-radius:100px;cursor:pointer;border:0;transition:transform .3s cubic-bezier(.2,.9,.2,1),box-shadow .3s,background .3s;white-space:nowrap}
.btn .ar{transition:transform .3s}
.btn:hover .ar{transform:translate(4px,-4px)}
.btn-primary{background:var(--grad);color:#03110A;box-shadow:0 10px 36px -10px var(--glow)}
.btn-primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 50px -10px var(--glow)}
.btn-ghost{background:rgba(255,255,255,.03);color:var(--text);border:1px solid var(--line-2)}
.btn-ghost:hover{transform:translateY(-4px);border-color:var(--green);color:#fff;box-shadow:0 14px 36px -16px var(--glow)}
.btn-dark{background:var(--cream-ink);color:var(--cream)}
.btn-dark:hover{transform:translateY(-4px) scale(1.02)}

/* HEADER */
.hdr{position:fixed;top:0;left:0;right:0;z-index:1000;transition:.3s;border-bottom:1px solid transparent}
.hdr.scrolled{background:rgba(4,19,11,.8);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;height:80px}
.logo{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:800;font-size:1.45rem;letter-spacing:-.02em}
.logo .mark{width:38px;height:34px;flex:0 0 38px;background:url(/assets/logo-isotipo.png) center/contain no-repeat;transition:transform .4s}
.logo:hover .mark{transform:rotate(-6deg) scale(1.07)}
.nav{display:flex;align-items:center;gap:36px}
.nav a.lnk{font-weight:600;font-size:.98rem;color:var(--muted);transition:color .2s;position:relative}
.nav a.lnk:hover,.nav a.lnk.active{color:#fff}
.nav a.lnk.active::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--grad);border-radius:2px}
.burger{display:none;background:none;border:0;cursor:pointer;width:30px;height:22px;position:relative}
.burger span{position:absolute;left:0;right:0;height:2px;background:#fff;transition:.3s}
.burger span:nth-child(1){top:0}.burger span:nth-child(2){top:10px}.burger span:nth-child(3){top:20px}
body.menu-open .burger span:nth-child(1){top:10px;transform:rotate(45deg)}
body.menu-open .burger span:nth-child(2){opacity:0}
body.menu-open .burger span:nth-child(3){top:10px;transform:rotate(-45deg)}

/* HERO */
.hero{position:relative;padding:165px 0 70px;overflow:hidden}
.blob{position:absolute;border-radius:50%;filter:blur(80px);z-index:0;animation:float 16s ease-in-out infinite}
.blob.b1{width:560px;height:560px;background:radial-gradient(circle,rgba(43,255,136,.55),transparent 70%);top:-160px;right:-100px}
.blob.b2{width:460px;height:460px;background:radial-gradient(circle,rgba(200,255,90,.4),transparent 70%);bottom:-180px;left:-140px;animation-delay:-6s}
.blob.b3{width:320px;height:320px;background:radial-gradient(circle,rgba(43,240,208,.3),transparent 70%);top:35%;left:45%;animation-delay:-10s}
@keyframes float{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(50px,-40px) scale(1.1)}66%{transform:translate(-35px,30px) scale(.92)}}
.dots{position:absolute;inset:0;z-index:1;opacity:.55;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse 75% 65% at 40% 35%,#000,transparent)}
.hero .wrap{position:relative;z-index:2}
.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:50px;align-items:center}
.hero h1{margin:24px 0 22px;letter-spacing:-.02em}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.trust{margin-top:46px}
.trust .lbl{font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2);margin-bottom:14px}
.trust .row{display:flex;gap:28px;flex-wrap:wrap;align-items:center}
.trust .row span{font-family:var(--display);font-weight:700;font-size:1.05rem;color:var(--muted);opacity:.7;transition:.3s}
.trust .row span:hover{color:#fff;opacity:1}

/* live panel */
.live{background:linear-gradient(160deg,#0C2916,#0E331C);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:28px;position:relative;overflow:hidden;transform:rotate(1.6deg);transition:transform .5s cubic-bezier(.2,.9,.2,1);box-shadow:0 30px 80px -30px rgba(0,0,0,.6)}
.live:hover{transform:rotate(0) translateY(-4px)}
.live .glow{position:absolute;width:220px;height:220px;background:radial-gradient(circle,var(--green),transparent 70%);filter:blur(60px);opacity:.3;top:-70px;right:-50px}
.live .top{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}
.live .status{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:.72rem;color:var(--green);letter-spacing:.08em}
.dotpulse{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 var(--glow);animation:pulse 2s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 var(--glow)}70%{box-shadow:0 0 0 12px rgba(43,255,136,0)}100%{box-shadow:0 0 0 0 rgba(43,255,136,0)}}
.live .big{font-family:var(--display);font-weight:800;font-size:3rem;line-height:1;margin:18px 0 4px;position:relative;z-index:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.live .cap{font-family:var(--mono);font-size:.72rem;color:var(--muted);letter-spacing:.06em;position:relative;z-index:1}
.bars{display:flex;align-items:flex-end;gap:7px;height:84px;margin-top:22px;position:relative;z-index:1}
.bars i{flex:1;background:var(--grad);border-radius:6px 6px 0 0;opacity:.85;transform-origin:bottom;animation:grow 1.1s cubic-bezier(.2,.9,.2,1) both}
@keyframes grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
.live .mini{display:flex;justify-content:space-between;margin-top:22px;padding-top:18px;border-top:1px solid var(--line);position:relative;z-index:1}
.live .mini .m .n{font-family:var(--display);font-weight:700;font-size:1.3rem;color:#fff}
.live .mini .m .l{font-family:var(--mono);font-size:.64rem;color:var(--muted-2);letter-spacing:.08em;text-transform:uppercase}

/* KINETIC MARQUEE (tilted) */
.kinetic{position:relative;margin:40px 0;transform:rotate(-2.4deg);background:var(--green);overflow:hidden}
.kinetic.alt{transform:rotate(2.4deg);background:transparent;border-top:2px solid var(--green);border-bottom:2px solid var(--green);margin-top:-18px}
.kinetic .track{display:flex;gap:42px;width:max-content;padding:14px 0;animation:scroll 26s linear infinite}
.kinetic.alt .track{animation:scroll-r 30s linear infinite}
.kinetic:hover .track{animation-play-state:paused}
.kinetic .it{font-family:var(--display);font-weight:800;font-size:1.5rem;color:#03110A;display:flex;align-items:center;gap:42px;white-space:nowrap;text-transform:uppercase;letter-spacing:-.01em}
.kinetic .it::after{content:"✦";font-size:.9rem}
.kinetic.alt .it{color:var(--green)}
@keyframes scroll{to{transform:translateX(-50%)}}
@keyframes scroll-r{from{transform:translateX(-50%)}to{transform:translateX(0)}}
/* legacy marquee fallback */
.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;overflow:hidden;background:var(--bg-2)}
.marquee .track{display:flex;gap:60px;width:max-content;animation:scroll 28s linear infinite}
.marquee .it{font-family:var(--display);font-weight:700;font-size:1.3rem;color:var(--muted-2);display:flex;align-items:center;gap:60px;white-space:nowrap}
.marquee .it::after{content:"●";color:var(--green);font-size:.5rem}

/* SECTIONS */
section{position:relative}
.sec{padding:110px 0}
.sec-head{max-width:60ch;margin-bottom:56px}
.sec-head h2{margin:16px 0}
.light{background:var(--cream);color:var(--cream-ink)}
.light h1,.light h2,.light h3{color:var(--cream-ink)}
.light p{color:#46583e}
.light .kick{color:var(--green-d)}.light .kick::before{background:var(--green-d)}
.light .lead{color:#3a4a34;opacity:1}

/* BENTO services */
.bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;grid-auto-rows:200px}
.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:30px;position:relative;overflow:hidden;transition:transform .4s cubic-bezier(.2,.9,.2,1),border-color .4s;display:flex;flex-direction:column}
.tile::before{content:"";position:absolute;inset:0;background:var(--grad-soft);opacity:0;transition:opacity .4s}
.tile:hover{transform:translateY(-6px) rotate(-.6deg);border-color:rgba(43,255,136,.55)}
.tile:hover::before{opacity:1}
.tile>*{position:relative;z-index:1}
.tile .ico{width:56px;height:56px;border-radius:15px;background:var(--grad-soft);border:1px solid var(--line-2);display:grid;place-items:center;color:var(--green);margin-bottom:auto}
.tile .ico svg{width:27px;height:27px}
.tile h3{margin:20px 0 8px}
.tile p{font-size:.96rem}
.tile .num{position:absolute;top:26px;right:30px;font-family:var(--mono);font-size:.78rem;color:var(--muted-2)}
.tile.feat{grid-column:span 3;grid-row:span 2;background:linear-gradient(160deg,#0C2916,#0E331C)}
.tile.feat h3{font-size:1.9rem}
.tile.feat p{font-size:1.05rem;max-width:34ch}
.tile.w3{grid-column:span 3}
.tile.w2{grid-column:span 2}
.tile.w6{grid-column:span 6}

/* generic card/grid (otras páginas) */
.grid{display:grid;gap:20px}
.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:34px 30px;transition:transform .4s cubic-bezier(.2,.9,.2,1),border-color .4s;position:relative;overflow:hidden}
.card::before{content:"";position:absolute;inset:0;background:var(--grad-soft);opacity:0;transition:opacity .4s}
.card:hover{transform:translateY(-6px) rotate(-.5deg);border-color:rgba(43,255,136,.5)}
.card:hover::before{opacity:1}
.card>*{position:relative;z-index:1}
.card .ico{width:54px;height:54px;border-radius:14px;background:var(--grad-soft);border:1px solid var(--line-2);display:grid;place-items:center;margin-bottom:22px;color:var(--green)}
.card .ico svg{width:26px;height:26px}
.card h3{margin-bottom:10px}.card p{font-size:.96rem}
.card .num{position:absolute;top:24px;right:28px;font-family:var(--mono);font-size:.8rem;color:var(--muted-2)}
.light .card{background:#fff;border-color:#dbe7d2}.light .card p{color:#54664c}.light .card .ico{color:var(--green-d)}

/* stats ticker band */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;border-radius:var(--r-lg);background:linear-gradient(135deg,#07200F,#0E331C);border:1px solid var(--line);padding:54px 42px}
.stats .s{text-align:center}
.stats .s .n{font-family:var(--display);font-weight:800;font-size:clamp(2.6rem,4.5vw,3.8rem);background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.stats .s .l{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:12px}

/* split / features */
.split{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.feat-list{margin-top:30px;display:flex;flex-direction:column;gap:18px}
.feat-list .f{display:flex;gap:16px;align-items:flex-start}
.feat-list .f .dot{flex:0 0 28px;width:28px;height:28px;border-radius:9px;background:var(--grad-soft);border:1px solid var(--line-2);display:grid;place-items:center;color:var(--green);margin-top:3px;font-family:var(--mono);font-size:.8rem}
.feat-list .f .dot svg{width:15px;height:15px}
.feat-list .f h3{font-size:1.08rem;margin-bottom:3px}.feat-list .f p{font-size:.94rem}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:38px;position:relative;overflow:hidden}
.panel .glow{position:absolute;width:240px;height:240px;background:radial-gradient(circle,var(--green),transparent 70%);filter:blur(60px);opacity:.25;top:-60px;right:-60px}

/* testimonials */
.quote{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:34px 30px;display:flex;flex-direction:column;gap:22px;transition:transform .4s,border-color .4s}
.quote:hover{transform:translateY(-6px) rotate(.5deg);border-color:rgba(43,255,136,.5)}
.quote p{font-size:1.1rem;color:#fff;opacity:.95;font-family:var(--display);font-weight:600;line-height:1.32}
.quote .who{display:flex;align-items:center;gap:14px;margin-top:auto}
.quote .av{width:48px;height:48px;border-radius:14px;background:var(--grad);display:grid;place-items:center;font-family:var(--display);font-weight:800;color:#03110A;font-size:1rem}
.quote .who .nm{font-weight:700;font-size:.96rem;color:#fff}
.quote .who .rl{font-family:var(--mono);font-size:.72rem;color:var(--muted);letter-spacing:.03em}

/* CTA */
.cta-band{position:relative;border-radius:var(--r-lg);overflow:hidden;padding:78px 50px;text-align:center;background:var(--grad);background-size:200% 100%;animation:gradShift 8s ease-in-out infinite}
.cta-band::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 130%,rgba(255,255,255,.4),transparent 60%);opacity:.5}
.cta-band *{position:relative;z-index:1}
.cta-band h2{color:#03110A;max-width:18ch;margin:0 auto 14px}
.cta-band p{color:#0a3d23;opacity:.85;max-width:48ch;margin:0 auto 30px}

/* FOOTER */
.ftr{background:var(--bg-2);border-top:1px solid var(--line);padding:74px 0 36px}
.ftr-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.ftr .logo{margin-bottom:16px}.ftr-top p{font-size:.93rem;max-width:34ch}
.ftr h4{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2);margin-bottom:16px}
.ftr ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.ftr ul a{color:var(--muted);font-size:.95rem;transition:color .2s}.ftr ul a:hover{color:var(--green)}
.ftr-bot{display:flex;justify-content:space-between;align-items:center;margin-top:50px;padding-top:24px;border-top:1px solid var(--line);font-size:.85rem;color:var(--muted-2);flex-wrap:wrap;gap:12px}

/* WhatsApp */
.wa{position:fixed;right:22px;bottom:22px;z-index:900;display:flex;align-items:center;gap:10px;background:#25D366;color:#053d1c;font-weight:700;padding:13px 20px;border-radius:100px;box-shadow:0 10px 30px -8px rgba(37,211,102,.6);transition:transform .25s}
.wa:hover{transform:translateY(-3px) scale(1.04)}.wa svg{width:22px;height:22px}

/* reveal (blur + slide + rotate) */
.reveal{opacity:0;transform:translateY(34px);filter:blur(8px);transition:opacity .8s cubic-bezier(.2,.9,.2,1),transform .8s cubic-bezier(.2,.9,.2,1),filter .8s}
.reveal.in{opacity:1;transform:none;filter:none}
.reveal[data-d="1"]{transition-delay:.09s}.reveal[data-d="2"]{transition-delay:.18s}.reveal[data-d="3"]{transition-delay:.27s}
.reveal[data-d="4"]{transition-delay:.36s}.reveal[data-d="5"]{transition-delay:.45s}.reveal[data-d="6"]{transition-delay:.54s}

/* inner page hero */
.phero{padding:155px 0 70px;position:relative;overflow:hidden}
.phero h1{font-size:clamp(2.6rem,6.5vw,5rem);margin:20px 0 18px;max-width:18ch;letter-spacing:-.03em}

/* forms */
.field{margin-bottom:18px}
.field label{display:block;font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.field input,.field textarea{width:100%;background:rgba(255,255,255,.03);border:1px solid var(--line-2);border-radius:13px;padding:14px 16px;color:#fff;font-family:var(--body);font-size:1rem;transition:border-color .2s}
.field input:focus,.field textarea:focus{outline:0;border-color:var(--green)}
.field textarea{min-height:130px;resize:vertical}
.form-done{display:none;text-align:center;padding:30px;border:1px solid var(--green);border-radius:var(--r);background:var(--grad-soft)}

/* blog */
.post-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform .4s,border-color .4s}
.post-card:hover{transform:translateY(-6px) rotate(-.5deg);border-color:rgba(43,255,136,.5)}
.post-card .ph{height:190px;background:var(--grad);position:relative;overflow:hidden}
.post-card .ph span{position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.45),transparent 55%)}
.post-card .bd{padding:28px 26px;display:flex;flex-direction:column;gap:12px;flex:1}
.post-card .tag{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--green)}
.post-card h3{font-size:1.25rem}.post-card .ex{font-size:.95rem;flex:1}
.post-card .rd{font-weight:700;font-size:.9rem;color:var(--green);display:inline-flex;gap:.4em;align-items:center}

/* article */
.article{max-width:760px;margin:0 auto}
.article .meta{font-family:var(--mono);font-size:.78rem;color:var(--muted);letter-spacing:.05em;margin-bottom:18px}
.article h1{font-size:clamp(2.2rem,5vw,3.4rem);margin-bottom:20px;line-height:1.02}
.article h2{font-size:1.8rem;margin:40px 0 14px}
.article p{font-size:1.08rem;color:var(--text);opacity:.85;margin-bottom:18px;line-height:1.75}
.article ul{margin:0 0 18px 22px;color:var(--text);opacity:.85}.article li{margin-bottom:8px}
.article .hero-img{height:280px;border-radius:var(--r-lg);background:var(--grad);margin-bottom:40px;position:relative;overflow:hidden}
.article .hero-img span{position:absolute;inset:0;background:radial-gradient(circle at 75% 15%,rgba(255,255,255,.4),transparent 55%)}

/* FAQ */
.acc{display:flex;flex-direction:column;gap:12px;max-width:840px}
.acc .item{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--surface);transition:border-color .3s}
.acc .item.open{border-color:rgba(43,255,136,.45)}
.acc .q{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:21px 24px;cursor:pointer;font-family:var(--display);font-weight:700;font-size:1.08rem;color:#fff}
.acc .q::after{content:"+";font-family:var(--mono);color:var(--green);font-size:1.5rem;line-height:1;transition:transform .3s}
.acc .item.open .q::after{transform:rotate(45deg)}
.acc .a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.acc .item.open .a{max-height:300px}
.acc .a p{padding:0 24px 22px;font-size:.97rem;margin:0}

/* team / service rows / info cards */
.team-av{width:66px;height:66px;border-radius:18px;background:var(--grad);display:grid;place-items:center;font-family:var(--display);font-weight:800;color:#03110A;font-size:1.4rem;margin-bottom:18px}
.tcard .role{font-family:var(--mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--green);margin-top:2px}
.srow{display:grid;grid-template-columns:52px 1fr;gap:22px;padding:32px 0;border-top:1px solid var(--line)}
.srow:last-child{border-bottom:1px solid var(--line)}
.srow .si{width:52px;height:52px;border-radius:14px;background:var(--grad-soft);border:1px solid var(--line-2);display:grid;place-items:center;color:var(--green)}
.srow .si svg{width:25px;height:25px}
.srow h3{font-size:1.4rem;margin-bottom:8px}
.srow .tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.srow .tags span{font-family:var(--mono);font-size:.72rem;color:var(--muted);border:1px solid var(--line);border-radius:100px;padding:5px 13px}
.icard{display:flex;gap:16px;align-items:flex-start;padding:22px;border:1px solid var(--line);border-radius:17px;background:var(--surface);margin-bottom:14px;transition:border-color .3s}
.icard:hover{border-color:rgba(43,255,136,.4)}
.icard .ii{flex:0 0 46px;width:46px;height:46px;border-radius:13px;background:var(--grad-soft);border:1px solid var(--line-2);display:grid;place-items:center;color:var(--green)}
.icard .ii svg{width:22px;height:22px}
.icard .k{font-family:var(--mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}
.icard .v{font-weight:700;color:#fff;font-size:1.03rem;margin-top:2px}.icard a.v:hover{color:var(--green)}
.back{font-family:var(--mono);font-size:.84rem;color:var(--green);display:inline-flex;gap:.5em;margin-bottom:24px}

/* responsive */
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:40px}
  .live{transform:rotate(0)}
  .bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:auto}
  .tile,.tile.feat,.tile.w3,.tile.w2,.tile.w6{grid-column:auto;grid-row:auto;min-height:200px}
}
@media(max-width:900px){
  .nav{position:fixed;inset:80px 0 auto 0;flex-direction:column;background:var(--bg-2);border-bottom:1px solid var(--line);padding:26px;gap:22px;transform:translateY(-130%);transition:transform .35s;align-items:flex-start}
  body.menu-open .nav{transform:none}
  .burger{display:block}
  .g3,.g2{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr);gap:36px 20px;padding:42px 26px}
  .split{grid-template-columns:1fr;gap:42px}
  .ftr-top{grid-template-columns:1fr 1fr;gap:34px}
  .sec{padding:78px 0}
}
@media(max-width:560px){
  .bento{grid-template-columns:1fr}
  .ftr-top{grid-template-columns:1fr}
  .hero{padding:135px 0 60px}
  .cta-band{padding:52px 26px}
  .kinetic .it{font-size:1.2rem}
}
@media(prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;filter:none;transition:none}
  .blob,.kinetic .track,.marquee .track,.grad-text,.cta-band,.bars i,.dotpulse{animation:none}
  .live{transform:none}
  *{scroll-behavior:auto}
}

/* testimonios — layout asimétrico */
.tst{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}
.tst .who{display:flex;align-items:center;gap:14px;position:relative;z-index:1}
.tst .av{width:48px;height:48px;border-radius:14px;background:var(--grad);display:grid;place-items:center;font-family:var(--display);font-weight:800;color:#03110A;font-size:1rem;flex:0 0 auto}
.tst .av.lg{width:58px;height:58px;border-radius:16px;font-size:1.2rem}
.tst .nm{font-weight:700;font-size:.97rem;color:#fff}
.tst .rl{font-family:var(--mono);font-size:.72rem;color:var(--muted);letter-spacing:.02em}
.tst-big{position:relative;overflow:hidden;background:linear-gradient(160deg,#0B2916,#0E331C);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:44px;display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.2,.9,.2,1)}
.tst-big:hover{transform:translateY(-5px)}
.tst-big .qmark{font-family:var(--display);font-weight:800;font-size:4.6rem;line-height:.5;color:var(--green);height:42px}
.tst-big p{font-family:var(--display);font-weight:700;font-size:clamp(1.4rem,2.3vw,2rem);line-height:1.22;color:#fff;margin:26px 0 32px;flex:1}
.tst-big .tst-glow{position:absolute;width:260px;height:260px;background:radial-gradient(circle,var(--green),transparent 70%);filter:blur(70px);opacity:.22;bottom:-90px;right:-70px}
.tst-side{display:flex;flex-direction:column;gap:18px}
.tst-small{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:18px;transition:transform .4s,border-color .4s}
.tst-small:hover{transform:translateY(-5px) rotate(.5deg);border-color:rgba(43,255,136,.5)}
.tst-small p{font-size:1.02rem;color:#fff;opacity:.9;line-height:1.4;font-weight:500}
@media(max-width:900px){.tst{grid-template-columns:1fr}}

/* efectos de mouse */
#curglow{position:fixed;top:0;left:0;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(43,255,136,.10),transparent 60%);opacity:0;transition:opacity .4s;mix-blend-mode:screen}
.spotlight{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;opacity:0;transition:opacity .3s;background:radial-gradient(180px circle at var(--mx,50%) var(--my,50%),rgba(43,255,136,.18),transparent 60%)}
@media(hover:none),(prefers-reduced-motion:reduce){#curglow,.spotlight{display:none}}