.fo-page { --fo-navy:#071735; --fo-blue:#3156d3; --fo-teal:#13a7aa; --fo-orange:#ffb34d; --fo-ink:#13203b; --fo-muted:#5e6d84; overflow:hidden; color:var(--fo-muted); font-family:'Poppins',sans-serif; }
.fo-page *, .fo-page *:before, .fo-page *:after { box-sizing:border-box; }
.fo-page h1,.fo-page h2,.fo-page h3,.fo-page p { margin-top:0; }
.fo-page h1,.fo-page h2,.fo-page h3 { color:var(--fo-ink); }
.fo-hero { position:relative; padding:90px 0 96px; background:radial-gradient(circle at 87% 18%,rgba(35,193,189,.18),transparent 25%),linear-gradient(135deg,#f6f9ff 0%,#edf9f8 100%); }
.fo-hero:before { content:""; position:absolute; inset:0; opacity:.34; pointer-events:none; background-image:linear-gradient(rgba(49,86,211,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(49,86,211,.07) 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(to right,#000,transparent 65%); }
.fo-hero__grid { position:relative; display:grid; grid-template-columns:minmax(0,.95fr) minmax(480px,1.05fr); align-items:center; gap:72px; }
.fo-kicker { display:inline-flex; align-items:center; gap:8px; margin-bottom:22px; padding:8px 13px; border:1px solid rgba(49,86,211,.15); border-radius:999px; background:#fff; color:var(--fo-blue); font-size:12px; font-weight:700; letter-spacing:.02em; box-shadow:0 8px 25px rgba(17,43,93,.07); }
.fo-kicker i { color:#f39a22; }
.fo-hero h1 { max-width:620px; margin-bottom:24px; font-size:clamp(48px,5.4vw,76px); line-height:1.01; letter-spacing:-.055em; }
.fo-lead { max-width:620px; margin-bottom:0; color:#53637b; font-size:18px; line-height:1.75; }
.fo-actions { display:flex; flex-wrap:wrap; gap:12px; margin:32px 0 26px; }
.fo-button { display:inline-flex; min-height:52px; align-items:center; justify-content:center; gap:12px; padding:13px 24px; border:0; border-radius:10px; background:var(--fo-blue); box-shadow:0 12px 26px rgba(49,86,211,.24); color:#fff !important; font-size:14px; font-weight:700; transition:.2s ease; }
.fo-button:hover { transform:translateY(-2px); background:var(--fo-navy); color:#fff; }
.fo-button--ghost { background:#fff; box-shadow:inset 0 0 0 1px #cbd5e5; color:var(--fo-ink) !important; }
.fo-button--ghost:hover { background:#fff; color:var(--fo-blue) !important; }
.fo-hero__checks { display:flex; flex-wrap:wrap; gap:12px 20px; margin:0; padding:0; list-style:none; color:#57677c; font-size:12px; font-weight:600; }
.fo-hero__checks i { margin-right:5px; color:var(--fo-teal); }
.fo-product { position:relative; overflow:visible; border:1px solid rgba(42,72,121,.12); border-radius:18px; background:#fff; box-shadow:0 35px 80px rgba(24,50,95,.2); transform:perspective(1200px) rotateY(-2deg) rotateX(1deg); }
.fo-product__bar { display:flex; align-items:center; gap:7px; height:43px; padding:0 15px; border-bottom:1px solid #e6ebf3; }
.fo-product__bar span { width:8px; height:8px; border-radius:50%; background:#ff7c73; }.fo-product__bar span:nth-child(2){background:#ffc85a}.fo-product__bar span:nth-child(3){background:#55c993}.fo-product__bar b{margin-left:12px;color:#718098;font-size:10px;font-weight:600}
.fo-product__body { display:flex; min-height:380px; }
.fo-product aside { display:flex; width:58px; flex-direction:column; align-items:center; gap:29px; padding:18px 0; border-radius:0 0 0 18px; background:var(--fo-navy); color:#8290ad; }
.fo-product aside strong { display:grid; width:31px; height:31px; place-items:center; border-radius:8px; background:var(--fo-teal); color:white; }.fo-product aside i:first-of-type{color:#fff}
.fo-dashboard { flex:1; padding:25px; background:#f7f9fd; border-radius:0 0 18px 0; }
.fo-dashboard__head { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }.fo-dashboard__head div{display:flex;flex-direction:column}.fo-dashboard__head small{font-size:9px}.fo-dashboard__head strong{color:var(--fo-ink);font-size:18px}.fo-dashboard__head>span{padding:7px 10px;border:1px solid #dfe6f0;border-radius:6px;background:#fff;color:#57677c;font-size:9px}
.fo-stat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }.fo-stat-grid>div{display:grid;grid-template-columns:30px 1fr;align-items:center;padding:13px 10px;border:1px solid #e4eaf2;border-radius:9px;background:#fff}.fo-stat-grid i{grid-row:1/3;display:grid;width:25px;height:25px;place-items:center;border-radius:6px;background:#edf1ff;color:var(--fo-blue);font-size:10px}.fo-stat-grid small{font-size:8px}.fo-stat-grid strong{color:var(--fo-ink);font-size:17px}.fo-stat-grid em{color:#a1aaba;font-size:8px;font-style:normal}
.fo-dashboard__lower { display:grid; grid-template-columns:1.15fr .85fr; gap:10px; margin-top:10px; }.fo-chart,.fo-map{position:relative;min-height:186px;padding:16px;border:1px solid #e4eaf2;border-radius:9px;background:#fff}.fo-chart>span,.fo-map>span{color:var(--fo-ink);font-size:9px;font-weight:700}.fo-chart>b{display:block;margin-top:8px;color:var(--fo-ink);font-size:22px}.fo-bars{position:absolute;right:15px;bottom:18px;left:15px;display:flex;height:90px;align-items:flex-end;gap:8px;border-bottom:1px solid #e4e9f1}.fo-bars i{flex:1;min-width:5px;border-radius:3px 3px 0 0;background:linear-gradient(#18b5b4,#3156d3)}
.fo-map { background-color:#f2f6f4; background-image:linear-gradient(32deg,transparent 48%,#dae5df 49%,#dae5df 51%,transparent 52%),linear-gradient(124deg,transparent 47%,#dae5df 48%,#dae5df 50%,transparent 51%); }.fo-pin{position:absolute;color:var(--fo-blue);filter:drop-shadow(0 3px 3px rgba(49,86,211,.25))}.fo-pin--one{top:55px;left:35px}.fo-pin--two{top:95px;right:38px}.fo-pin--three{bottom:31px;left:62px;color:var(--fo-teal)}
.fo-float-card { position:absolute; right:-28px; bottom:30px; display:flex; align-items:center; gap:10px; width:175px; padding:12px; border-radius:10px; background:#fff; box-shadow:0 16px 36px rgba(16,43,84,.18); }.fo-float-card>i{display:grid;width:31px;height:31px;place-items:center;border-radius:50%;background:#dff8f2;color:#159976}.fo-float-card span{display:flex;flex-direction:column}.fo-float-card strong{color:var(--fo-ink);font-size:10px}.fo-float-card small{font-size:8px}
.fo-proof { padding:27px 0; border-bottom:1px solid #e5eaf2; background:#fff; }.fo-proof .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.fo-proof p{max-width:220px;margin:0;color:#8290a3;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.fo-proof__logos{display:flex;flex:1;align-items:center;justify-content:flex-end;gap:clamp(25px,5vw,70px)}.fo-proof__logos img{width:auto;max-width:105px;height:44px;object-fit:contain;filter:grayscale(1);opacity:.65}
.fo-features { padding:100px 0; background:#fff; }.fo-heading{max-width:720px;margin:0 auto 52px;text-align:center}.fo-heading h2,.fo-how h2,.fo-offer h2,.fo-final h2{font-size:clamp(34px,4vw,50px);line-height:1.12;letter-spacing:-.035em}.fo-heading p{max-width:620px;margin:15px auto 0;font-size:16px;line-height:1.7}.fo-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.fo-feature-grid article{padding:30px;border:1px solid #e1e7f0;border-radius:14px;background:#fff;transition:.2s ease}.fo-feature-grid article:hover{transform:translateY(-4px);border-color:#bcc9e8;box-shadow:0 18px 42px rgba(25,48,90,.09)}.fo-feature-grid article>span{display:grid;width:48px;height:48px;margin-bottom:23px;place-items:center;border-radius:12px;background:#edf1ff;color:var(--fo-blue);font-size:19px}.fo-feature-grid article:nth-child(2n)>span{background:#e8f8f6;color:var(--fo-teal)}.fo-feature-grid h3{margin-bottom:11px;font-size:18px}.fo-feature-grid p{margin:0;font-size:13px;line-height:1.7}
.fo-how { padding:100px 0; background:#f3f6fb; }.fo-how__grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center}.fo-how h2{max-width:510px;margin-bottom:20px}.fo-how p{max-width:500px;font-size:15px;line-height:1.75}.fo-text-link{display:inline-block;margin-top:12px;color:var(--fo-blue);font-weight:700}.fo-how ol{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0;padding:0;list-style:none}.fo-how li{display:flex;min-height:135px;align-items:flex-start;gap:17px;padding:25px;border:1px solid #dee6f1;border-radius:13px;background:#fff}.fo-how li>b{color:#c6d0df;font-size:20px}.fo-how li span{display:flex;flex-direction:column}.fo-how li strong{margin-bottom:7px;color:var(--fo-ink);font-size:16px}.fo-how li small{font-size:12px;line-height:1.6}
.fo-testimonials{padding:95px 0;background:#fff}.fo-quote-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.fo-quote-grid blockquote{position:relative;margin:0;padding:35px;border:1px solid #e0e6ef;border-radius:15px;background:#fff;box-shadow:0 14px 35px rgba(23,44,79,.06)}.fo-quote-grid blockquote>i{margin-bottom:20px;color:var(--fo-teal);font-size:25px}.fo-quote-grid p{min-height:120px;color:#3c4c65;font-size:15px;line-height:1.8}.fo-quote-grid footer{display:flex;flex-direction:column;padding-top:18px;border-top:1px solid #e7ebf1}.fo-quote-grid footer strong{color:var(--fo-ink);font-size:13px}.fo-quote-grid footer span{font-size:11px}
.fo-offer { position:relative; padding:100px 0; background:radial-gradient(circle at 15% 5%,rgba(26,183,183,.24),transparent 28%),var(--fo-navy); }.fo-offer:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.11) 1px,transparent 1px);background-size:24px 24px;opacity:.45}.fo-offer__grid{position:relative;display:grid;grid-template-columns:1fr 470px;gap:100px;align-items:center}.fo-kicker--light{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);box-shadow:none;color:#80dfdb}.fo-offer h2{margin-bottom:23px;color:#fff;font-size:clamp(42px,5vw,62px)}.fo-offer__copy>p{max-width:570px;color:#aab8d1;font-size:16px;line-height:1.75}.fo-countdown{display:flex;align-items:flex-start;gap:11px;margin:32px 0 18px}.fo-countdown>div{display:flex;width:77px;flex-direction:column;align-items:center;padding:11px 7px;border:1px solid rgba(255,255,255,.12);border-radius:9px;background:rgba(255,255,255,.07)}.fo-countdown strong{color:#fff;font-size:27px;line-height:1}.fo-countdown span{margin-top:7px;color:#7f90ad;font-size:8px;text-transform:uppercase;letter-spacing:.12em}.fo-countdown>i{padding-top:9px;color:#7788a5;font-size:20px;font-style:normal}.fo-deadline{display:block;max-width:500px;color:#8d9bb3;font-size:10px;line-height:1.7}.fo-price-card{position:relative;padding:38px;border-radius:18px;background:#fff;box-shadow:0 32px 70px rgba(0,0,0,.3)}.fo-price-card__tag{position:absolute;top:0;right:28px;padding:8px 13px;border-radius:0 0 7px 7px;background:#ffb34d;color:#533300;font-size:9px;font-weight:800;letter-spacing:.08em}.fo-regular{margin-bottom:6px;color:#748198;font-size:12px}.fo-price{display:flex;align-items:flex-start;color:var(--fo-ink)}.fo-price sup{top:13px;margin-right:4px;font-size:20px;font-weight:700}.fo-price strong{font-size:57px;line-height:1;letter-spacing:-.05em}.fo-once{display:flex;justify-content:space-between;margin:8px 0 24px;padding-bottom:21px;border-bottom:1px solid #e4e8ef;color:#596981;font-size:11px}.fo-once span{color:#98a3b4}.fo-price-card ul{display:grid;gap:13px;margin:0 0 26px;padding:0;list-style:none;color:#35445b;font-size:12px}.fo-price-card li{display:flex;gap:9px;align-items:flex-start}.fo-price-card li i{margin-top:2px;color:#16a889}.fo-button--wide{width:100%}.fo-guarantee{display:flex;align-items:center;justify-content:center;gap:10px;margin:22px 0 0}.fo-guarantee>i{color:var(--fo-teal);font-size:21px}.fo-guarantee span{display:flex;flex-direction:column}.fo-guarantee strong{color:var(--fo-ink);font-size:10px}.fo-guarantee small{font-size:8px}
.fo-fine-print{padding:26px 0;background:#eaf0fa}.fo-fine-print .container{display:flex;align-items:flex-start;gap:14px;max-width:940px}.fo-fine-print i{margin-top:4px;color:var(--fo-blue)}.fo-fine-print p{margin:0;color:#596981;font-size:11px;line-height:1.7}.fo-fine-print strong{color:var(--fo-ink)}
.fo-final{padding:65px 0;background:#eef8f7}.fo-final .container{display:flex;align-items:center;justify-content:space-between;gap:30px}.fo-final h2{max-width:700px;margin:0;font-size:38px}.fo-final .jd-eyebrow{margin-bottom:9px}
@media (max-width:991px){.fo-hero__grid,.fo-how__grid,.fo-offer__grid{grid-template-columns:1fr;gap:55px}.fo-hero__content{max-width:720px}.fo-product{max-width:680px}.fo-feature-grid{grid-template-columns:1fr 1fr}.fo-offer__grid{max-width:680px}.fo-price-card{max-width:500px}.fo-proof .container{display:block;text-align:center}.fo-proof p{max-width:none;margin-bottom:22px}.fo-proof__logos{justify-content:center}.fo-how__grid{gap:40px}}
@media (max-width:767px){.fo-hero,.fo-features,.fo-how,.fo-testimonials,.fo-offer{padding:64px 0}.fo-hero__grid{display:block}.fo-hero h1{font-size:46px}.fo-product{margin-top:52px;transform:none}.fo-product__body{min-height:315px}.fo-dashboard{padding:15px}.fo-stat-grid{grid-template-columns:1fr}.fo-stat-grid>div:nth-child(n+2){display:none}.fo-dashboard__lower{grid-template-columns:1fr}.fo-map{display:none}.fo-float-card{right:-5px;bottom:19px}.fo-proof__logos{flex-wrap:wrap;gap:22px}.fo-proof__logos img{max-width:76px;height:34px}.fo-feature-grid,.fo-how ol,.fo-quote-grid{grid-template-columns:1fr}.fo-heading{text-align:left;margin-bottom:35px}.fo-quote-grid p{min-height:0}.fo-offer__grid{gap:45px}.fo-countdown{gap:6px}.fo-countdown>div{width:62px}.fo-countdown strong{font-size:23px}.fo-price-card{padding:32px 24px}.fo-final .container{display:block}.fo-final .fo-button{margin-top:25px}.fo-final h2{font-size:32px}}
@media (max-width:420px){.fo-hero h1{font-size:40px}.fo-hero__checks{display:grid}.fo-product aside{width:45px}.fo-product__body{min-height:285px}.fo-dashboard__lower{display:none}.fo-float-card{display:none}.fo-countdown>div{width:55px;padding:10px 4px}.fo-countdown>i{font-size:16px}.fo-price strong{font-size:48px}}