:root{
  --fn-ink:#071a33;
  --fn-navy:#073b78;
  --fn-blue:#0875e1;
  --fn-cyan:#12bfc8;
  --fn-muted:#5f7085;
  --fn-line:#dfe8f1;
  --fn-soft:#f4f8fc;
  --fn-white:#fff;
  --fn-wrap:1200px;
  --fn-shadow:0 24px 70px rgba(7,26,51,.08);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--fn-ink);background:#fff;font-family:Inter,Montserrat,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
body.admin-bar .fn-site-header{top:32px}
a{text-decoration:none}
img{max-width:100%;height:auto}
.wp-site-blocks{overflow:hidden}
.wp-block-post-content{margin-top:0}

.fn-site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(223,232,241,.9)}
.fn-header-inner{min-height:82px;padding:10px 0;gap:26px}
.fn-site-header .wp-block-site-logo img{display:block;max-height:58px;width:auto;object-fit:contain}
.fn-site-title-fallback{font-weight:800;margin:0}
.fn-site-header:has(.wp-block-site-logo img) .fn-site-title-fallback{display:none}
.fn-site-header .wp-block-navigation{flex:1}
.fn-site-header .wp-block-navigation-item__content{color:var(--fn-ink)}
.fn-site-header .wp-block-navigation-item__content:hover{color:var(--fn-blue)}
.fn-header-cta{flex:none}

.fn-site-footer{padding:72px 0 28px;background:#06172d;color:#b9c9da}
.fn-site-footer a{color:#dce7f2}
.fn-site-footer a:hover{color:#fff}
.fn-site-footer h3,.fn-site-footer h4{color:#fff}
.fn-site-footer .wp-block-site-logo{display:inline-flex;padding:8px 12px;border-radius:12px;background:#fff}
.fn-site-footer .wp-block-site-logo img{max-height:52px;width:auto}
.fn-footer-grid{gap:48px}
.fn-footer-links{list-style:none;padding-left:0;display:grid;gap:9px}
.fn-footer-bottom{border-top:1px solid rgba(255,255,255,.13);margin-top:42px;padding-top:22px;font-size:12px}

.fn-hero,.fn-page-hero{position:relative;isolation:isolate;color:#fff;background:radial-gradient(circle at 84% 18%,rgba(18,191,200,.28),transparent 28%),linear-gradient(135deg,#06172d 0%,#0a3766 60%,#0875e1 120%)}
.fn-hero:before,.fn-page-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.22;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,transparent,#000 35%,#000)}
.fn-hero{padding:112px 0 104px}
.fn-page-hero{padding:82px 0}
.fn-hero-inner{max-width:980px;margin-left:auto;margin-right:auto;text-align:center}
.fn-hero h1{font-size:clamp(46px,6.5vw,80px);line-height:1.05;margin:18px auto 24px;max-width:1000px;letter-spacing:-.05em}
.fn-page-hero h1{font-size:clamp(42px,5.4vw,68px);margin:14px 0 20px;max-width:1000px}
.fn-hero-lead{font-size:clamp(17px,2vw,21px);line-height:1.78;color:#d5e3f0;max-width:840px;margin:0 auto 34px}
.fn-page-hero .fn-hero-lead{margin-left:0}
.fn-hero .wp-block-buttons{justify-content:center}
.fn-hero .is-style-outline .wp-block-button__link{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}
.fn-hero .is-style-outline .wp-block-button__link:hover{background:#fff;color:var(--fn-ink)}
.fn-eyebrow{margin:0;color:var(--fn-cyan);font-size:12px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}

.fn-proof-bar{padding:26px 0;border-bottom:1px solid var(--fn-line);background:#fff}
.fn-proof-bar .wp-block-columns{margin-bottom:0;gap:0}
.fn-proof-bar .wp-block-column{padding:0 24px;border-left:1px solid var(--fn-line)}
.fn-proof-bar .wp-block-column:first-child{border-left:0}
.fn-proof-bar h3{font-size:17px;margin:0 0 5px}
.fn-proof-bar p{font-size:13px;color:var(--fn-muted);margin:0}

.fn-section{padding:88px 0}
.fn-section-soft{background:var(--fn-soft)}
.fn-dark-section{background:linear-gradient(135deg,#06172d,#0b3f72);color:#fff}
.fn-dark-section p,.fn-dark-section li{color:#c8d7e6}
.fn-section-heading{margin-bottom:38px}
.fn-section-heading h2{font-size:clamp(34px,4.5vw,54px);margin:12px 0 16px;max-width:920px}
.fn-section-heading p{font-size:17px;color:var(--fn-muted);max-width:850px}
.fn-section-heading.fn-center{text-align:center}
.fn-section-heading.fn-center h2,.fn-section-heading.fn-center p{margin-left:auto;margin-right:auto}

.fn-card-grid{gap:18px;align-items:stretch}
.fn-card{height:100%;padding:28px;border:1px solid var(--fn-line);border-radius:20px;background:#fff;box-shadow:0 14px 45px rgba(7,26,51,.045)}
.fn-card:hover{transform:translateY(-3px);box-shadow:var(--fn-shadow);transition:.2s ease}
.fn-card h3{font-size:22px;margin-top:0;margin-bottom:12px}
.fn-card p{color:var(--fn-muted);margin-bottom:0}
.fn-columns-2{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}
.fn-columns-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))}

.fn-dashboard-mock{padding:28px;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:rgba(255,255,255,.09);box-shadow:0 28px 70px rgba(0,0,0,.2)}
.fn-dashboard-mock .wp-block-columns{gap:14px}
.fn-dashboard-mock .wp-block-column{padding:18px;border-radius:14px;background:#fff;color:var(--fn-ink)}
.fn-dashboard-mock h3{font-size:34px;margin:0}
.fn-dashboard-mock p{margin:0;color:inherit}
.fn-check-list{list-style:none;padding-left:0;display:grid;gap:11px}
.fn-check-list li{position:relative;padding-left:28px}
.fn-check-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--fn-cyan);font-weight:900}

.fn-steps{gap:0;border:1px solid var(--fn-line);border-radius:22px;overflow:hidden;background:#fff}
.fn-steps .wp-block-column{padding:26px;border-left:1px solid var(--fn-line)}
.fn-steps .wp-block-column:first-child{border-left:0}
.fn-steps h3{font-size:34px;color:var(--fn-blue);margin:0 0 15px}
.fn-steps p{font-size:14px;color:var(--fn-muted);margin:0}

.fn-cta{padding:48px;border-radius:28px;background:radial-gradient(circle at 90% 10%,rgba(18,191,200,.22),transparent 34%),linear-gradient(135deg,#06172d,#0a3766);color:#fff;box-shadow:0 28px 80px rgba(7,26,51,.18)}
.fn-cta h2{font-size:clamp(34px,4.4vw,52px);margin:12px 0 18px}
.fn-cta p{color:#ccdae8}

.fn-single{padding:76px 0}
.fn-single .wp-block-post-title{font-size:clamp(40px,5vw,64px)}
.fn-prose{padding:80px 0}
.fn-prose h1{font-size:clamp(42px,5vw,64px)}
.fn-prose h2{margin-top:42px}
.fn-note{color:var(--fn-muted);font-size:13px;margin-top:28px}
.fn-404{min-height:65vh;padding:120px 20px;text-align:center}
.fn-404 h1{font-size:100px;color:var(--fn-blue);margin:0}

.is-style-facnode-soft{padding:70px 0;background:var(--fn-soft)}
.is-style-facnode-dark{padding:70px 0;background:#06172d;color:#fff}
.is-style-facnode-card{padding:28px;border:1px solid var(--fn-line);border-radius:20px;background:#fff;box-shadow:0 14px 45px rgba(7,26,51,.045)}

@media(max-width:1050px){
  .fn-header-cta{display:none}
  .fn-proof-bar .wp-block-columns{display:grid;grid-template-columns:repeat(2,1fr)}
  .fn-proof-bar .wp-block-column{padding:14px 18px;border-left:0;border-top:1px solid var(--fn-line)}
  .fn-proof-bar .wp-block-column:nth-child(-n+2){border-top:0}
  .fn-steps{display:grid;grid-template-columns:repeat(2,1fr)}
  .fn-steps .wp-block-column{border-left:0;border-top:1px solid var(--fn-line)}
  .fn-steps .wp-block-column:nth-child(-n+2){border-top:0}
}
@media(max-width:782px){
  body.admin-bar .fn-site-header{top:46px}
  .fn-site-header .wp-block-site-logo img{max-width:210px;max-height:48px}
  .fn-hero{padding:82px 0 74px}
  .fn-page-hero{padding:62px 0}
  .fn-section{padding:68px 0}
  .fn-proof-bar .wp-block-columns,.fn-steps,.fn-columns-2,.fn-columns-3{grid-template-columns:1fr!important}
  .fn-proof-bar .wp-block-column,.fn-proof-bar .wp-block-column:nth-child(-n+2),.fn-steps .wp-block-column,.fn-steps .wp-block-column:nth-child(-n+2){border-top:1px solid var(--fn-line)}
  .fn-proof-bar .wp-block-column:first-child,.fn-steps .wp-block-column:first-child{border-top:0}
  .fn-cta{padding:30px 22px}
  .fn-footer-grid{gap:24px}
}
@media(max-width:480px){
  .fn-header-inner{min-height:70px}
  .fn-site-header .wp-block-site-logo img{max-width:175px;max-height:42px}
  .fn-hero h1{font-size:43px}
  .fn-page-hero h1{font-size:39px}
  .fn-section-heading h2{font-size:34px}
}
