:root{
  color-scheme:dark;
  --fp-primary:#17D7C2;
  --fp-secondary:#FF7657;
  --fp-lime:#B8FF6B;
  --fp-bg:#06111F;
  --fp-bg-2:#0A1A2D;
  --fp-text:#F8FAFC;
  --fp-muted:#A6B4C5;
  --fp-ink:#102033;
  --fp-white:#FFFFFF;
  --fp-soft:#F4F8FB;
  --fp-line:rgba(255,255,255,.12);
  --fp-light-line:rgba(16,32,51,.12);
}
html[data-fp-public-theme=light]{
  color-scheme:light;
  --fp-bg:#ECF8F8;
  --fp-bg-2:#FFFFFF;
  --fp-text:#102033;
  --fp-muted:#5E7185;
  --fp-line:rgba(16,32,51,.12);
  --fp-soft:#F6FBFC;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.fp-public{
  margin:0;
  background:var(--fp-soft);
  color:var(--fp-ink);
  font-family:Inter,Manrope,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  overflow-x:hidden;
}
body.fp-public a{text-decoration:none;color:inherit}
.fp-bg-grid{
  position:fixed;inset:0;z-index:-4;opacity:.35;
  background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(to bottom,#000,transparent 78%);
}
html[data-fp-public-theme=light] .fp-bg-grid{background-image:linear-gradient(rgba(16,32,51,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(16,32,51,.065) 1px,transparent 1px)}
.fp-bg-orb{position:fixed;z-index:-5;width:42vw;height:42vw;border-radius:50%;filter:blur(55px);opacity:.28;animation:fpOrb 14s ease-in-out infinite}
.fp-bg-orb-one{left:-14vw;top:4vh;background:var(--fp-primary)}
.fp-bg-orb-two{right:-18vw;top:16vh;background:var(--fp-secondary);animation-delay:-6s}
@keyframes fpOrb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(5vw,-2vw,0) scale(1.08)}}
.fp-public-header{
  position:sticky;top:0;z-index:50;min-height:74px;
  display:flex;align-items:center;justify-content:space-between;gap:22px;
  padding:14px clamp(18px,5vw,70px);
  background:color-mix(in srgb,var(--fp-bg) 88%,transparent);
  color:var(--fp-text);
  border-bottom:1px solid var(--fp-line);
  backdrop-filter:blur(20px);
}
.fp-public-brand{display:flex;align-items:center;gap:12px;font-weight:950}
.fp-public-brand img{width:42px;height:42px;object-fit:contain}
.fp-public-brand span{display:grid;line-height:1.05}.fp-public-brand small{font-size:12px;color:var(--fp-muted);font-weight:800}
.fp-public-nav{display:flex;gap:24px;color:var(--fp-muted);font-size:14px;font-weight:850}
.fp-public-nav a{transition:.22s}.fp-public-nav a:hover{color:var(--fp-text)}
.fp-header-actions{display:flex;gap:10px;align-items:center}
.fp-theme-toggle,.fp-public-login{
  height:42px;border-radius:999px;border:1px solid var(--fp-line);background:rgba(255,255,255,.075);color:var(--fp-text);
  display:inline-flex;align-items:center;gap:8px;padding:0 16px;font-weight:900;cursor:pointer;
}
.fp-public-login{border:0;background:linear-gradient(135deg,var(--fp-primary),var(--fp-lime));color:#06111F}
.fp-hero{
  min-height:calc(100vh - 74px);
  display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.9fr);
  align-items:center;gap:50px;
  padding:78px clamp(20px,6vw,86px) 90px;
  background:
    radial-gradient(circle at 16% 20%,color-mix(in srgb,var(--fp-primary) 23%,transparent),transparent 38%),
    radial-gradient(circle at 84% 6%,color-mix(in srgb,var(--fp-secondary) 18%,transparent),transparent 34%),
    linear-gradient(135deg,var(--fp-bg),var(--fp-bg-2));
  color:var(--fp-text);
  overflow:hidden;
}
.fp-hero-copy{max-width:790px}
.fp-eyebrow,.fp-section-label{
  display:inline-flex;width:max-content;max-width:100%;
  color:var(--fp-primary);
  font-size:12px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;
}
.fp-hero h1{
  margin:22px 0 20px;
  font-size:clamp(46px,6.2vw,86px);
  line-height:.96;letter-spacing:-.065em;font-weight:1000;text-wrap:balance;
}
.fp-hero p{
  color:var(--fp-muted);font-size:clamp(17px,1.35vw,21px);line-height:1.72;max-width:720px;
}
.fp-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.fp-hero-actions.center{justify-content:center}
.fp-btn{
  min-height:52px;border-radius:999px;padding:14px 22px;display:inline-flex;align-items:center;justify-content:center;
  font-weight:950;border:1px solid var(--fp-line);transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
}
.fp-btn:hover{transform:translateY(-2px)}
.fp-btn-primary{border:0;background:linear-gradient(135deg,var(--fp-primary),var(--fp-lime));color:#06111F;box-shadow:0 18px 54px color-mix(in srgb,var(--fp-primary) 24%,transparent)}
.fp-btn-secondary{background:rgba(255,255,255,.08);color:var(--fp-text)}
.fp-btn-secondary.light{background:#F2F7FA;color:var(--fp-ink);border-color:var(--fp-light-line)}
.fp-hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.fp-hero-badges span{border:1px solid var(--fp-line);background:rgba(255,255,255,.065);border-radius:999px;padding:9px 12px;color:var(--fp-muted);font-size:13px;font-weight:850}
.fp-hero-device{position:relative;min-height:540px;display:grid;place-items:center;perspective:1200px}
.fp-device-glow{position:absolute;inset:10%;border-radius:48px;background:linear-gradient(135deg,var(--fp-primary),var(--fp-secondary));filter:blur(55px);opacity:.23;animation:fpPulse 4s ease-in-out infinite}
@keyframes fpPulse{0%,100%{transform:scale(.96);opacity:.18}50%{transform:scale(1.04);opacity:.28}}
.fp-dashboard-window{
  position:relative;width:min(100%,520px);
  border:1px solid var(--fp-line);border-radius:32px;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.065));
  padding:22px;box-shadow:0 36px 110px rgba(0,0,0,.38);
  backdrop-filter:blur(22px);
  transform:rotateX(4deg) rotateY(-7deg);
  animation:fpDeviceFloat 6s ease-in-out infinite;
}
@keyframes fpDeviceFloat{0%,100%{transform:rotateX(4deg) rotateY(-7deg) translateY(0)}50%{transform:rotateX(3deg) rotateY(-5deg) translateY(-12px)}}
.fp-window-top,.fp-window-head{display:flex;justify-content:space-between;align-items:center;gap:14px}
.fp-window-dots{display:flex;gap:6px}.fp-window-dots i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.32)}
.fp-window-top span{color:var(--fp-muted);font-size:12px;font-weight:900}
.fp-window-head{margin:22px 0}
.fp-window-head small,.fp-metric-card small,.fp-dashboard-grid small{display:block;color:var(--fp-muted);font-weight:800}
.fp-window-head b{font-size:26px}.fp-window-head em{font-style:normal;color:#06111F;background:linear-gradient(135deg,var(--fp-primary),var(--fp-lime));border-radius:999px;padding:8px 12px;font-size:12px;font-weight:950}
.fp-metric-card,.fp-dashboard-grid div,.fp-flow-mini span{
  border:1px solid var(--fp-line);background:rgba(255,255,255,.075);border-radius:22px;padding:18px;
}
.fp-metric-card strong{display:block;font-size:44px;letter-spacing:-.055em;margin:8px 0}.fp-metric-card span{color:var(--fp-muted)}
.fp-dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
.fp-dashboard-grid b{display:block;font-size:32px;margin-top:6px}
.fp-flow-mini{display:grid;gap:10px}
.fp-flow-mini span{font-weight:900;color:var(--fp-muted)}
.fp-flow-mini span:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.3);margin-right:9px}
.fp-flow-mini span.is-lit,.fp-flow-mini span.is-active{color:var(--fp-text);border-color:color-mix(in srgb,var(--fp-primary) 42%,var(--fp-line))}
.fp-flow-mini span.is-lit:before,.fp-flow-mini span.is-active:before{background:var(--fp-primary);box-shadow:0 0 0 7px color-mix(in srgb,var(--fp-primary) 14%,transparent)}
.fp-section{padding:92px clamp(20px,6vw,86px)}
.fp-white{background:#fff;color:var(--fp-ink)}
.fp-dark,.fp-flow-section,.fp-security{background:linear-gradient(135deg,#071522,#0B1C30);color:#fff}
.fp-flow-section p,.fp-dark p,.fp-security p{color:var(--fp-muted)}
.fp-section-heading{max-width:940px;margin:0 auto 38px;text-align:center}
.fp-section-heading h2,.fp-split h2,.fp-final-cta h2{
  margin:16px 0;
  font-size:clamp(32px,4.2vw,60px);
  line-height:1.03;letter-spacing:-.055em;font-weight:1000;text-wrap:balance;
}
.fp-section-heading p,.fp-split p,.fp-final-cta p{font-size:17px;line-height:1.75;color:#647789;max-width:760px}
.fp-feature-grid,.fp-payment-grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.fp-feature-grid article,.fp-payment-grid article,.fp-security-grid span{
  border:1px solid var(--fp-light-line);background:#fff;border-radius:26px;padding:24px;
  box-shadow:0 20px 52px rgba(20,50,80,.065);
  transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;
}
.fp-feature-grid article:hover,.fp-payment-grid article:hover,.fp-security-grid span:hover{transform:translateY(-5px);box-shadow:0 26px 64px rgba(20,50,80,.10);border-color:color-mix(in srgb,var(--fp-primary) 40%,var(--fp-light-line))}
.fp-feature-grid i{font-style:normal;color:var(--fp-primary);font-weight:1000;font-size:13px}
.fp-feature-grid b,.fp-payment-grid b{display:block;font-size:23px;letter-spacing:-.035em;margin:12px 0}
.fp-feature-grid p,.fp-payment-grid p{color:#647789;line-height:1.65;margin:0}
.fp-split{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:start}
.fp-split.middle{align-items:center}
.fp-flow-line{position:relative;display:grid;gap:18px}
.fp-flow-line:before{content:"";position:absolute;left:31px;top:32px;bottom:32px;width:2px;background:rgba(255,255,255,.14)}
.fp-flow-line article{
  position:relative;display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:start;
  border:1px solid var(--fp-line);border-radius:24px;background:rgba(255,255,255,.075);padding:18px;backdrop-filter:blur(16px);
  transform:translateX(12px);opacity:.65;transition:.5s ease;
}
.fp-flow-line article.is-active{opacity:1;transform:none;border-color:color-mix(in srgb,var(--fp-primary) 42%,var(--fp-line))}
.fp-flow-line span{width:64px;height:64px;border-radius:22px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:var(--fp-primary);font-weight:1000;font-size:18px}
.fp-flow-line b{font-size:24px}.fp-flow-line p{grid-column:2;margin:0}
.fp-simulator{
  display:grid;grid-template-columns:.92fr 1fr;gap:16px;
  border:1px solid var(--fp-line);border-radius:30px;background:rgba(255,255,255,.08);padding:18px;
  box-shadow:0 28px 90px rgba(0,0,0,.25);backdrop-filter:blur(18px)
}
.fp-sim-form{display:grid;gap:12px}
.fp-sim-form label{display:grid;gap:7px;color:var(--fp-muted);font-size:13px;font-weight:850}
.fp-sim-form input,.fp-sim-form select{
  height:50px;border:1px solid var(--fp-line);border-radius:16px;background:rgba(255,255,255,.08);color:#fff;padding:0 14px;font-size:15px;outline:none
}
.fp-sim-form option{color:#102033}
.fp-sim-form button{
  min-height:52px;border:0;border-radius:16px;background:linear-gradient(135deg,var(--fp-primary),var(--fp-lime));color:#06111F;font-weight:1000;cursor:pointer;
}
.fp-sim-preview{border:1px solid var(--fp-line);border-radius:24px;background:rgba(255,255,255,.075);padding:22px;display:grid;align-content:center}
.fp-sim-check{width:50px;height:50px;border-radius:18px;background:color-mix(in srgb,var(--fp-primary) 16%,transparent);color:var(--fp-primary);display:grid;place-items:center;font-size:26px;font-weight:1000;margin-bottom:14px}
.fp-sim-preview small{color:var(--fp-muted);font-weight:850}
.fp-sim-preview b{display:block;font-size:25px;margin:6px 0;letter-spacing:-.035em}
.fp-sim-preview p{font-size:15px;margin:0 0 16px;color:var(--fp-muted)}
.fp-sim-events{display:grid;gap:8px}
.fp-sim-events span{border:1px solid var(--fp-line);border-radius:14px;background:rgba(255,255,255,.07);padding:10px 12px;color:var(--fp-muted);font-weight:850;font-size:14px}
.fp-sim-events span.is-done{color:#fff;border-color:color-mix(in srgb,var(--fp-primary) 48%,var(--fp-line));background:color-mix(in srgb,var(--fp-primary) 13%,rgba(255,255,255,.07))}
.fp-sim-events span.is-done:before{content:"✓";color:var(--fp-primary);margin-right:8px}
.fp-payment-grid{grid-template-columns:1.25fr repeat(3,1fr)}
.fp-wompi-card{background:linear-gradient(180deg,#fff,#F7FBFC)!important}
.fp-wompi-card span{color:#0f766e;font-weight:950;text-transform:uppercase;letter-spacing:.12em;font-size:12px}
.fp-wompi-logo{display:inline-flex;background:#fff;border:1px solid #E6EDF3;border-radius:18px;padding:14px 16px;margin:14px 0}
.fp-wompi-logo img{height:32px;display:block}
.fp-security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.fp-security-grid span{background:rgba(255,255,255,.075);border-color:var(--fp-line);color:#fff;font-weight:950;box-shadow:none}
.fp-security-grid span:before{content:"✓";color:var(--fp-primary);margin-right:9px}
.fp-final-cta{background:#fff;text-align:center;padding:92px clamp(20px,6vw,86px);color:var(--fp-ink)}
.fp-final-cta .fp-section-label{margin:0 auto}
.fp-final-cta p{margin-left:auto;margin-right:auto;color:#647789}
.fp-public-footer{background:#06111F;color:var(--fp-muted);padding:32px clamp(20px,6vw,86px);display:flex;justify-content:space-between;gap:20px;align-items:center}
.fp-public-footer div{display:grid}.fp-public-footer b{color:#fff}.fp-public-footer nav{display:flex;flex-wrap:wrap;gap:14px;font-size:14px;font-weight:850}
[data-fp-animate]{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s ease,filter .75s ease;filter:blur(4px)}
[data-fp-animate].is-visible{opacity:1;transform:none;filter:none}
[data-fp-animate="fade-down"]{transform:translateY(-12px)}
[data-fp-animate="float-in"]{transform:translateY(28px) scale(.96)}
[data-fp-animate="card"]{transform:translateY(22px) scale(.98)}
@media(max-width:1040px){
  .fp-public-nav{display:none}
  .fp-hero,.fp-split{grid-template-columns:1fr}
  .fp-hero-device{min-height:auto}
  .fp-dashboard-window{transform:none;animation:none}
  .fp-feature-grid,.fp-payment-grid{grid-template-columns:repeat(2,1fr)}
  .fp-payment-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .fp-public-header{padding:12px 14px}.fp-theme-toggle span:last-child{display:none}.fp-public-login{padding:0 13px}
  .fp-hero{padding:52px 18px 66px;grid-template-columns:1fr}.fp-hero h1{font-size:42px}
  .fp-section,.fp-final-cta{padding:64px 18px}
  .fp-feature-grid,.fp-payment-grid,.fp-security-grid,.fp-dashboard-grid,.fp-simulator{grid-template-columns:1fr}
  .fp-flow-line article{grid-template-columns:52px 1fr}.fp-flow-line span{width:52px;height:52px}.fp-flow-line:before{left:25px}
  .fp-public-footer{display:grid}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  [data-fp-animate]{opacity:1!important;transform:none!important;filter:none!important}
}