/* TF3Gest — brand refresh based on the approved navy/blue identity */
:root{
  --tf3-navy:#001a3d;
  --tf3-navy-deep:#00142f;
  --tf3-blue:#087bf0;
  --tf3-blue-dark:#075dd7;
  --tf3-sky:#edf6ff;
  --tf3-ink:#06172f;
  --tf3-muted:#5f6f85;
  --tf3-line:#dbe7f2;
}

/* Header / brand */
.header{height:82px;background:rgba(255,255,255,.94);border-bottom:1px solid rgba(0,26,61,.08);box-shadow:none;backdrop-filter:blur(18px)}
.header.is-scrolled{background:rgba(255,255,255,.98);box-shadow:0 10px 34px rgba(0,26,61,.08)}
.nw-nav__inner{height:82px}
.nw-brand{gap:0}
.nw-brand img{width:240px!important;height:73px!important;object-fit:contain!important;object-position:left center;display:block}
.nw-brand__copy{display:none!important}
.nw-main-nav>a:not(.nw-nav-cta){color:#33445b;font-weight:700}
.nw-main-nav>a:not(.nw-nav-cta):hover,.nw-main-nav>a.is-active{color:var(--tf3-blue);background:var(--tf3-sky)}
.nw-nav-cta,.nw-btn--primary{background:linear-gradient(135deg,var(--tf3-blue),var(--tf3-blue-dark))!important;border-color:transparent!important;color:#fff!important;box-shadow:0 12px 28px rgba(8,123,240,.24)!important}
.nw-nav-cta:hover,.nw-btn--primary:hover{transform:translateY(-1px);box-shadow:0 16px 34px rgba(8,123,240,.3)!important}

/* Hero */
.nw-hero{position:relative;overflow:hidden;padding-top:154px!important;padding-bottom:96px!important;background:linear-gradient(180deg,#fff 0%,#f7fbff 75%,#fff 100%)!important}
.nw-hero::before{content:"";position:absolute;z-index:0;right:-320px;top:-360px;width:850px;height:850px;border-radius:50%;background:radial-gradient(circle,rgba(8,123,240,.18) 0%,rgba(8,123,240,.06) 40%,rgba(8,123,240,0) 72%);pointer-events:none}
.nw-hero::after{content:"TF3";position:absolute;z-index:0;right:2vw;bottom:-90px;font-size:clamp(10rem,20vw,20rem);font-weight:800;font-style:italic;letter-spacing:-.1em;color:rgba(0,26,61,.025);pointer-events:none}
.nw-hero>.nw-shell{position:relative;z-index:1}
.nw-hero__grid{grid-template-columns:minmax(0,1.04fr) minmax(470px,.96fr)!important;gap:72px!important;align-items:center}
.nw-kicker{padding:9px 14px!important;border:1px solid #cde5ff!important;border-radius:999px!important;background:#eef7ff!important;color:#0866c8!important;font-weight:800!important}
.nw-hero h1{max-width:780px;color:var(--tf3-navy)!important;font-size:clamp(3.2rem,5.6vw,5.6rem)!important;line-height:.98!important;letter-spacing:-.06em!important}
.nw-hero h1 span{display:block;color:var(--tf3-blue)!important}
.nw-hero__lead{max-width:690px!important;color:var(--tf3-muted)!important;font-size:1.16rem!important;line-height:1.72!important}
.nw-btn{min-height:54px;border-radius:12px!important;font-weight:800!important}
.nw-btn--secondary{border:1px solid #cbd9e8!important;background:#fff!important;color:var(--tf3-navy)!important}
.nw-btn--secondary:hover{border-color:#9ecaf7!important;background:#f7fbff!important;color:var(--tf3-blue)!important}
.nw-trust span{color:#53647b!important}.nw-trust i{color:var(--tf3-blue)!important}
.nw-prelaunch-note{border:1px solid #cfe4fb!important;border-left:4px solid var(--tf3-blue)!important;background:#f5faff!important;color:#35506e!important}

/* Product mockup */
.nw-hero__visual{filter:drop-shadow(0 30px 56px rgba(0,26,61,.14))}
.nw-app-preview{overflow:hidden;border:1px solid #d6e3ef!important;border-radius:20px!important;background:#fff!important;box-shadow:0 30px 74px rgba(0,26,61,.14)!important}
.nw-app-preview__topbar{background:linear-gradient(135deg,var(--tf3-navy-deep),var(--tf3-navy))!important;color:#fff!important}
.nw-app-preview__brand img{width:34px!important;height:28px!important;object-fit:contain!important}
.nw-app-preview__sidebar{background:#031a3b!important}
.nw-app-preview__sidebar .is-active{background:var(--tf3-blue)!important;color:#fff!important}
.nw-status-pill{background:#e9f5ff!important;color:#0864c3!important}
.nw-app-preview__footer button{background:var(--tf3-blue)!important;color:#fff!important}

/* Strong brand bands */
.nw-proof-strip{border:0!important;background:var(--tf3-navy)!important;color:#fff!important}
.nw-proof-strip span{color:#fff!important}.nw-proof-strip i{color:#54b0ff!important}
.nw-verifactu-section,.nw-security-section,.nw-download-section{background:linear-gradient(145deg,var(--tf3-navy-deep),#062859)!important;color:#fff!important}
.nw-verifactu-section h2,.nw-security-section h2,.nw-download-section h2{color:#fff!important}
.nw-verifactu-section p,.nw-security-section p,.nw-download-section p{color:#c8d6e8!important}

/* Light sections */
.nw-features-section,.nw-migration-section,.nw-about-section,.nw-faq-section{background:#fff!important}
.nw-section-eyebrow,.nw-eyebrow{color:var(--tf3-blue)!important}
.nw-features-section h2,.nw-migration-section h2,.nw-about-section h2,.nw-pricing-section h2,.nw-faq-section h2{color:var(--tf3-navy)!important;letter-spacing:-.035em}
.nw-feature-card,.nw-migration-card,.nw-faq-item,.nw-pricing-card{border:1px solid var(--tf3-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 10px 28px rgba(0,26,61,.055)!important}
.nw-feature-card:hover{transform:translateY(-3px);border-color:#b7d8fa!important;box-shadow:0 18px 38px rgba(0,26,61,.09)!important}
.nw-feature-card i{color:var(--tf3-blue)!important}
#pricing-section{background:linear-gradient(180deg,#f4f9ff 0%,#fff 100%)!important}

/* Footer branding */
.nw-footer{background:#00142f!important}
.nw-footer__logo-mark{width:72px!important;height:48px!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important}
.nw-footer__logo-mark img{width:72px!important;height:48px!important;object-fit:contain!important}
.nw-footer__logo strong{font-size:1.25rem!important;color:#fff!important}

@media(max-width:1080px){
  .nw-hero__grid{grid-template-columns:1fr!important;gap:48px!important}
  .nw-hero__copy{max-width:820px}
  .nw-hero__visual{width:100%;max-width:790px;margin-inline:auto}
}
@media(max-width:960px){
  .nw-brand img{width:215px!important;height:66px!important}
}
@media(max-width:720px){
  .header,.nw-nav__inner{height:74px}
  .nw-brand img{width:190px!important;height:58px!important}
  .nw-hero{padding-top:122px!important;padding-bottom:68px!important}
  .nw-hero h1{font-size:clamp(2.55rem,13vw,4.05rem)!important}
  .nw-hero__lead{font-size:1.02rem!important}
  .nw-hero__actions{display:grid!important}
  .nw-btn{width:100%;justify-content:center}
}