:root{--fl-ink:#142033;--fl-muted:#637086;--fl-line:#e2e8f1;--fl-brand:#635bff;--fl-dark:#0b1020;--fl-green:#16a34a}
body{margin:0;background:#fff;color:var(--fl-ink)}
.fl-page{overflow:hidden;background:#fff}.fl-shell{width:min(1160px,calc(100% - 30px));margin:0 auto}
.fl-breadcrumb{padding:12px 0;border-bottom:1px solid var(--fl-line);background:#fff;color:#6c788d;font-size:.8rem}.fl-breadcrumb a{color:#5145cd;text-decoration:none}
.fl-hero{position:relative;padding:78px 0 68px;background:radial-gradient(circle at 10% 15%,rgba(99,91,255,.16),transparent 34%),radial-gradient(circle at 90% 30%,rgba(14,165,233,.13),transparent 29%),linear-gradient(180deg,#fafbff,#fff)}
.fl-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:50px;align-items:center}
.fl-kicker{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid #d9d5ff;border-radius:999px;background:#f4f2ff;color:#5045cc;font-size:.74rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
.fl-hero h1{margin:17px 0 15px;color:var(--fl-ink);font-size:clamp(2.65rem,5.7vw,4.8rem);line-height:.98;letter-spacing:-.058em;font-weight:950}
.fl-lead{max-width:700px;margin:0;color:var(--fl-muted);font-size:1.08rem;line-height:1.72}
.fl-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.fl-actions .btn{min-height:50px;padding:12px 20px;border-radius:13px;font-weight:850}
.fl-trust{display:flex;gap:14px;flex-wrap:wrap;margin-top:16px;color:#647187;font-size:.8rem}.fl-trust span{display:flex;align-items:center;gap:6px}.fl-trust i{color:var(--fl-green)}
.fl-preview{padding:18px;border:1px solid var(--fl-line);border-radius:27px;background:#111827;box-shadow:0 28px 70px rgba(13,20,38,.25)}
.fl-preview-screen{padding:22px;border-radius:20px;background:linear-gradient(155deg,#12375d,#171744);color:#fff}.fl-preview-head{text-align:center}.fl-preview-head strong,.fl-preview-head small{display:block}.fl-preview-head strong{font-size:1.08rem}.fl-preview-head small{margin-top:4px;color:rgba(255,255,255,.72)}
.fl-avatar{width:70px;height:70px;margin:0 auto 10px;border:4px solid rgba(255,255,255,.55);border-radius:50%;background:linear-gradient(135deg,#8f9cff,#5844e8)}
.fl-preview-links{display:grid;gap:9px;margin-top:18px}.fl-preview-link{display:flex;align-items:center;gap:10px;padding:12px;border-radius:12px;background:#fff;color:#172033;font-size:.78rem;font-weight:850}.fl-preview-link i{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#eeecff;color:#635bff}
.fl-section{padding:72px 0}.fl-soft{background:#f6f8fc}.fl-dark{background:var(--fl-dark);color:#fff}
.fl-heading{max-width:810px;margin:0 auto 35px;text-align:center}.fl-heading h2{margin:11px 0;color:var(--fl-ink);font-size:clamp(2rem,4vw,3.15rem);letter-spacing:-.045em;font-weight:950}.fl-heading p{margin:0;color:var(--fl-muted);font-size:1.01rem;line-height:1.66}.fl-dark .fl-heading h2{color:#fff}.fl-dark .fl-heading p{color:#aab5c8}
.fl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.fl-card{padding:23px;border:1px solid var(--fl-line);border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(20,30,55,.06)}.fl-card i{display:grid;place-items:center;width:47px;height:47px;border-radius:14px;background:#eeecff;color:#635bff}.fl-card h3{margin:15px 0 8px;font-size:1.08rem;font-weight:900}.fl-card p{margin:0;color:var(--fl-muted);line-height:1.62}
.fl-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.fl-step{padding:25px;border:1px solid #27334c;border-radius:20px;background:#111827}.fl-step span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#39ff14;color:#06210b;font-weight:950}.fl-step h3{margin:15px 0 8px;color:#fff;font-weight:900}.fl-step p{margin:0;color:#aab5c8;line-height:1.62}
.fl-split{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.07fr);gap:42px;align-items:center}.fl-split h2{margin:11px 0;color:var(--fl-ink);font-size:clamp(2rem,4vw,3.1rem);font-weight:950;letter-spacing:-.045em}.fl-split p{color:var(--fl-muted);line-height:1.7}
.fl-use-list{display:grid;gap:10px}.fl-use{display:flex;gap:12px;padding:15px;border:1px solid var(--fl-line);border-radius:15px;background:#fff;box-shadow:0 9px 27px rgba(20,30,55,.05)}.fl-use i{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px;background:#eeecff;color:#635bff}.fl-use strong,.fl-use small{display:block}.fl-use small{margin-top:4px;color:#6c788d;line-height:1.45}
.fl-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fl-related a{display:block;padding:17px;border:1px solid var(--fl-line);border-radius:15px;background:#fff;color:#5145cd;font-weight:850;text-decoration:none;box-shadow:0 8px 24px rgba(20,30,55,.05)}.fl-related a:hover{border-color:#bfb8ff;background:#f8f7ff}
.fl-faq{max-width:900px;margin:0 auto}.fl-faq details{margin-bottom:10px;border:1px solid var(--fl-line);border-radius:15px;background:#fff}.fl-faq summary{padding:17px 19px;cursor:pointer;color:#172033;font-weight:900}.fl-faq p{margin:0;padding:0 19px 18px;color:var(--fl-muted);line-height:1.65}
.fl-final{padding:74px 0;text-align:center;background:radial-gradient(circle at 20% 10%,rgba(99,91,255,.13),transparent 32%),linear-gradient(180deg,#f8f9ff,#fff)}.fl-final h2{max-width:800px;margin:0 auto;color:var(--fl-ink);font-size:clamp(2.1rem,5vw,3.7rem);letter-spacing:-.052em;font-weight:950}.fl-final p{max-width:690px;margin:14px auto 23px;color:var(--fl-muted);font-size:1.02rem}
.fl-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.fl-hub-card{display:flex;flex-direction:column;padding:23px;border:1px solid var(--fl-line);border-radius:20px;background:#fff;box-shadow:0 12px 34px rgba(20,30,55,.06)}.fl-hub-card h2{font-size:1.2rem;font-weight:900}.fl-hub-card p{flex:1;color:var(--fl-muted);line-height:1.62}.fl-hub-card a{align-self:flex-start;font-weight:850}
@media(max-width:950px){.fl-hero-grid,.fl-split{grid-template-columns:1fr}.fl-preview{max-width:600px;margin:0 auto}.fl-grid,.fl-steps{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.fl-shell{width:min(100% - 22px,1160px)}.fl-hero{padding:52px 0 47px}.fl-hero h1{font-size:2.65rem}.fl-actions{display:grid}.fl-actions .btn{width:100%;margin:0!important}.fl-section{padding:53px 0}.fl-grid,.fl-steps,.fl-related,.fl-hub-grid{grid-template-columns:1fr}.fl-preview{padding:11px}.fl-preview-screen{padding:16px}}