:root{--bg: #08121d;--surface: #0e1b2a;--surface-2: #102136;--text: #f2f6fb;--muted: #a8b4c6;--brand: #f2a33a;--accent: #00e6e6;--mint: #17d49b;--violet: #7e69ff;--ring: rgba(0,230,230,.35);--border: rgba(255,255,255,.09)}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial}*{box-sizing:border-box}a{color:inherit;text-decoration:none}.section{padding:88px 0}.section--tight{padding:40px 0}.card{background:linear-gradient(180deg,var(--surface),var(--surface-2));border:1px solid var(--border);border-radius:18px;padding:20px}h1{font-size:clamp(38px,6vw,60px);line-height:1.05;margin:0}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:14px;border:1px solid transparent;background:linear-gradient(90deg,var(--accent),var(--mint));color:#031018;font-weight:800;transition:transform .15s ease,filter .2s ease,box-shadow .2s ease;box-shadow:0 8px 24px #00e6e62e}.btn:hover{transform:translateY(-1px);filter:brightness(1.06)}.btn--ghost{background:transparent;color:var(--text);border-color:var(--border);box-shadow:none}.badge{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.grad-text{background:linear-gradient(90deg,var(--brand),var(--accent),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.underline-sweep{position:relative;display:inline-block}.underline-sweep:after{content:"";position:absolute;left:0;bottom:-6px;height:5px;width:100%;background:linear-gradient(90deg,var(--accent),var(--mint));border-radius:6px;transform-origin:left;transform:scaleX(.1);animation:sweep .9s ease .25s forwards}@keyframes sweep{to{transform:scaleX(1)}}.hero-orbs{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.hero-orbs:before,.hero-orbs:after{content:"";position:absolute;filter:blur(60px);opacity:.45;border-radius:999px;animation:float 12s ease-in-out infinite}.hero-orbs:before{width:560px;height:560px;left:-120px;top:-140px;background:radial-gradient(circle at 30% 30%,rgba(0,230,230,.45),transparent 60%)}.hero-orbs:after{width:520px;height:520px;right:-140px;top:-60px;background:radial-gradient(circle at 70% 40%,rgba(242,163,58,.55),transparent 60%);animation-delay:1.2s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(16px)}}.tilt{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.tilt:hover{transform:translateY(-4px) rotateX(1deg) rotateY(-1deg);border-color:var(--ring);box-shadow:0 10px 30px #00e6e61f}.marquee-track{display:flex;gap:14px;width:max-content;animation:marquee 28s linear infinite}@keyframes marquee{to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.marquee-track,.hero-orbs:before,.hero-orbs:after,.underline-sweep:after{animation:none!important}}.path-reveal{stroke-dasharray:260;stroke-dashoffset:260;animation:reveal 1.4s ease forwards}@keyframes reveal{to{stroke-dashoffset:0}}.node-dot{filter:drop-shadow(0 0 10px rgba(0,230,230,.45))}.grow-y{transform-origin:bottom;animation:growY .9s ease forwards;transform:scaleY(0)}@keyframes growY{to{transform:scaleY(1)}}.draw-x{stroke-dasharray:600;stroke-dashoffset:600;animation:drawX 1.2s ease forwards}@keyframes drawX{to{stroke-dashoffset:0}}h1,h2,h3{letter-spacing:-.02em}h1{margin:0}.section+.section{border-top:1px solid rgba(255,255,255,.06)}.card:hover{transform:translateY(-2px);transition:transform .15s ease}.site-header{position:sticky;top:0;z-index:50;background:#08121db8;-webkit-backdrop-filter:saturate(160%) blur(10px);backdrop-filter:saturate(160%) blur(10px)}.logo svg,.logo img{height:30px;width:auto}header .container>a[aria-label="TIPagos home"] svg,header .container>a[aria-label="TIPagos home"] img{height:30px;width:auto}@media (max-width: 840px){.hide-mobile{display:none!important}.show-mobile{display:inline-flex!important}}@media (min-width: 841px){.show-mobile{display:none!important}}.nav-hamburger{appearance:none;border:none;background:transparent;padding:10px 8px;border-radius:12px;display:inline-flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;outline:none;transition:filter .15s ease,transform .15s ease}.nav-hamburger:hover{filter:brightness(1.06)}.nav-hamburger:active{transform:translateY(1px)}.nav-hamburger:focus-visible{box-shadow:0 0 0 2px #fb923c59}.nav-hamburger .line{width:24px;height:2.5px;border-radius:2px;background:#fb923c;transform-origin:center;transition:transform .18s ease,opacity .18s ease}.nav-hamburger .line.open:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-hamburger .line.open:nth-child(2){opacity:0}.nav-hamburger .line.open:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-panel{display:grid;gap:10px;padding:14px;animation:slideDown .16s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes glowPulse{0%,to{box-shadow:0 0 #00e6e600}50%{box-shadow:0 0 24px #00e6e640}}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;gap:10px;padding:12px 18px;border-radius:12px;border:1px solid transparent;background:linear-gradient(180deg,var(--accent),#11b7b7);color:#041018;font-weight:700;transition:transform .15s ease,filter .2s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.05)}.btn--ghost{background:transparent;border-color:#e9eff629;color:var(--text)}.badge{font-size:12px;padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:var(--muted)}.card{background:linear-gradient(180deg,#0f1d2e,#0b1724);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:20px}.section{padding:64px 0}.section--tight{padding:36px 0}.underline-cyan{position:relative;display:inline-block}.underline-cyan:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:4px;background:var(--accent);border-radius:4px}.hero-bg{position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(600px 300px at 50% -50%,rgba(0,230,230,.12),transparent 60%),radial-gradient(400px 200px at 90% 10%,rgba(242,163,58,.11),transparent 60%),linear-gradient(180deg,#ffffff08,#fff0)}.features-track{margin-top:28px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}@media (max-width: 768px){.features-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:4px 6px 12px}.features-track>.card{flex:0 0 86%;min-width:86%;scroll-snap-align:start}.features-track::-webkit-scrollbar{display:none}.features-track{scrollbar-width:none}}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:36px;align-items:center}.hero-card{padding:0;overflow:hidden}.hero-title{line-height:1.05}.hero-lead{font-size:18px}.hero-sub{font-size:14px}.marquee{overflow:hidden}.marquee-track{display:flex;width:200%;animation:marquee 18s linear infinite}@media (max-width: 768px){.hero-grid{grid-template-columns:1fr;gap:20px}.hero-title{font-size:clamp(28px,7vw,40px)}.hero-lead{font-size:16px}.hero-actions{flex-wrap:wrap}.hero-actions .btn{flex:1 1 160px;justify-content:center}.hero-stats{grid-template-columns:1fr!important}.marquee-tile{grid-template-columns:64px 1fr 64px!important;padding:12px 14px!important}}.secure-data-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;margin-top:24px}.secure-data-copy{padding:6px 2px}.card-lite{background:linear-gradient(180deg,#ffffff05,#fff0);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:18px;box-shadow:0 8px 30px #00000038}.security-dial{width:100%;height:340px}.dial-arc{stroke-dasharray:691;stroke-dashoffset:691;transition:stroke-dashoffset 1.4s ease}.security-dial.on .dial-arc{stroke-dashoffset:0}.rim-label{font-size:14px;font-weight:700;text-transform:uppercase;paint-order:stroke fill;stroke:#0009;stroke-width:2px}.rim-label.low{fill:#fb923c}.rim-label.med{fill:var(--accent, #22d3ee)}.rim-label.high{fill:#3b82f6}.dial-main-text{font-size:26px;font-weight:900;fill:#fff;text-shadow:0 1px 4px rgba(0,0,0,.6)}.dial-sub-text{font-size:16px;font-weight:600;fill:#d1d5db;text-shadow:0 1px 3px rgba(0,0,0,.5)}.security-list{list-style:none;margin:14px 0 20px;padding:0;display:grid;gap:14px}.security-list li{display:grid;grid-template-columns:12px 1fr;gap:10px;align-items:start}.dot{width:10px;height:10px;border-radius:50%;margin-top:7px}.dot.low{background:#fb923c}.dot.med{background:var(--accent, #22d3ee)}.dot.high{background:#3b82f6}.li-title{font-weight:800}.li-body{color:var(--muted, #9aa0b1)}.security-tags{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:6px 10px;border-radius:999px;font-size:12px;color:var(--muted, #9aa0b1);border:1px solid rgba(255,255,255,.08);background:#ffffff05}@media (max-width: 900px){.secure-data-grid{grid-template-columns:1fr}.security-dial{height:300px}.dial-main-text{font-size:20px}}