:root{--fnf-pink:#ff2f91;--fnf-aqua:#20dce8;--fnf-yellow:#ffd32c;--fnf-ink:#0b0a10;--fnf-paper:#fffaf4}
*{box-sizing:border-box}.fr-body{margin:0;background:var(--fnf-paper);color:var(--fnf-ink);font-family:Arial,sans-serif}.fr-body h1,.fr-body h2,.fr-body h3{font-family:Georgia,serif}
.fr-top{background:linear-gradient(90deg,var(--fnf-pink),#ff63b2);color:#fff;text-align:center;padding:10px;font-weight:900;letter-spacing:.06em;font-size:12px}
.fr-nav{display:flex;justify-content:space-between;align-items:center;padding:13px 5%;background:#0b0a10;color:#fff;position:sticky;top:0;z-index:10}.fr-nav img{width:145px;background:#fff;border-radius:15px;padding:4px}.fr-nav a{color:#fff;text-decoration:none;font-weight:800;margin-left:16px}
.fr-btn{display:inline-block;background:var(--fnf-pink);color:#fff!important;padding:14px 22px;border-radius:999px;text-decoration:none;font-weight:900;border:0;cursor:pointer}.fr-btn.aqua{background:var(--fnf-aqua);color:#071315!important}.fr-btn.yellow{background:var(--fnf-yellow);color:#151000!important}.fr-btn.dark{background:#111}
.fr-hero{background:radial-gradient(circle at 18% 20%,#20dce82b,transparent 27%),radial-gradient(circle at 80% 35%,#ff2f9138,transparent 30%),#0b0a10;color:#fff;padding:85px 6%;text-align:center}.fr-hero h1{font-size:clamp(48px,7vw,88px);line-height:.94;margin:.15em auto;max-width:1100px}.fr-hero h1 span{color:var(--fnf-yellow)}.fr-hero p{font-size:20px;line-height:1.65;max-width:850px;margin:18px auto}.fr-eyebrow{color:var(--fnf-aqua);text-transform:uppercase;letter-spacing:.17em;font-size:12px;font-weight:900}
.fr-section{padding:75px 5%}.fr-head{max-width:900px;margin:0 auto 38px;text-align:center}.fr-head h2{font-size:clamp(38px,5vw,62px);margin:.15em 0}.fr-head p{font-size:18px;line-height:1.65;color:#5c565b}
.fr-products{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;max-width:1150px;margin:auto}.fr-product{background:#fff;border:1px solid #eee;border-radius:25px;padding:28px;box-shadow:0 14px 40px #0000000a}.fr-product h3{font-size:32px;margin:.1em 0}.fr-price{font-size:25px;font-weight:900;color:#d61c72}.fr-product ul{line-height:1.8}
.fr-audiences{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-width:1350px;margin:auto}.fr-audience{background:#fff;border-radius:20px;padding:22px;border:1px solid #eee;text-align:center}.fr-audience strong{display:block;font-size:18px;margin:8px 0}
.fr-how{background:#111;color:#fff}.fr-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1300px;margin:auto}.fr-step{border:1px solid #ffffff25;border-radius:22px;padding:25px}.fr-step b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--fnf-pink);font-size:20px}.fr-step h3{font-size:27px}.fr-step p{line-height:1.65;color:#ddd}
.fr-callout{background:linear-gradient(135deg,#fff0f7,#edffff);padding:65px 5%}.fr-callout>div{max-width:1150px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:35px;align-items:center}.fr-callout h2{font-size:50px;margin:.1em 0}.fr-callout p{line-height:1.75}
.fr-dashboard{max-width:1200px;margin:auto;background:#0e0d15;color:#fff;border-radius:28px;padding:28px;box-shadow:0 20px 65px #0002}.fr-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fr-metric{background:#1a1822;border-radius:18px;padding:20px}.fr-metric span{display:block;color:#aaa;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.fr-metric strong{font-size:30px;color:var(--fnf-aqua)}.fr-progress{height:13px;background:#282633;border-radius:999px;overflow:hidden;margin:25px 0}.fr-progress i{display:block;width:68%;height:100%;background:linear-gradient(90deg,var(--fnf-pink),var(--fnf-yellow))}
.fr-rewards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.fr-reward{background:#fff;border:1px solid #eee;border-radius:20px;padding:20px;text-align:center}.fr-reward h3{font-size:22px}.fr-reward .badge{font-size:38px}
.fr-form{max-width:900px;margin:auto;background:#fff;border-radius:28px;padding:30px;border:1px solid #eee}.fr-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fr-field{margin:12px 0}.fr-field label{display:block;font-weight:900;margin-bottom:7px}.fr-field input,.fr-field select,.fr-field textarea{width:100%;padding:14px;border:1px solid #d8d4d7;border-radius:13px;font:inherit}.fr-field textarea{min-height:105px}.fr-note{font-size:13px;color:#666;line-height:1.55}
.fr-login{max-width:520px;margin:70px auto;background:#fff;border:1px solid #eee;border-radius:26px;padding:30px}.fr-login h1{font-size:42px}.fr-footer{background:#0b0a10;color:#fff;text-align:center;padding:50px 5%}.fr-footer img{width:190px;background:#fff;border-radius:16px;padding:5px}
.fr-table{width:100%;border-collapse:collapse;background:#fff}.fr-table th,.fr-table td{padding:14px;border-bottom:1px solid #eee;text-align:left}.fr-table th{background:#faf7fa}
@media(max-width:900px){.fr-audiences,.fr-steps,.fr-metrics,.fr-rewards{grid-template-columns:1fr 1fr}.fr-products,.fr-callout>div{grid-template-columns:1fr}.fr-nav .links{display:none}}
@media(max-width:600px){.fr-audiences,.fr-steps,.fr-metrics,.fr-rewards,.fr-grid{grid-template-columns:1fr}.fr-hero h1{font-size:48px}}