:root{
  --nf-orange:#ff7f00;
  --nf-blue:#28b9d1;
  --nf-dark:#474747;
  --nf-bg:#f3efea;
  --nf-white:#ffffff;
  --nf-shadow:0 12px 32px rgba(15,23,42,.06);
  --nf-radius:28px;
  --nf-max:1400px;
}
*,:before,:after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--nf-bg);color:var(--nf-dark);font-family:Roboto,"Open Sans",Arial,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
.nf-shell{width:min(var(--nf-max),calc(100% - 40px));margin:0 auto}
.nf-main{min-height:70vh}

.nf-hero{position:relative;overflow:hidden}
.nf-hero::before{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 15% 20%, rgba(40,185,209,.08), transparent 26%),
  radial-gradient(circle at 82% 18%, rgba(255,127,0,.08), transparent 24%),
  radial-gradient(circle at 70% 72%, rgba(40,185,209,.05), transparent 28%),
  linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.10));
  pointer-events:none;z-index:0}
.nf-hero::after{content:"";position:absolute;inset:0;background:
  repeating-linear-gradient(115deg, rgba(71,71,71,.035) 0 1px, transparent 1px 24px);
  opacity:.45;pointer-events:none;z-index:0}
.nf-hero .nf-shell{position:relative;z-index:1}


.nf-site-header{position:sticky;top:0;z-index:60;border-bottom:1px solid rgba(0,0,0,.05);background:rgba(243,239,234,.88);backdrop-filter:blur(14px)}
.nf-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 0}
.custom-logo-link img{max-height:48px;width:auto}
.nf-brand{display:flex;align-items:center;gap:12px}
.nf-brand-mark{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:16px;background:#fff;color:var(--nf-orange);font-weight:700;box-shadow:0 8px 22px rgba(15,23,42,.05)}
.nf-brand-text strong{display:block;font-size:18px;font-weight:500;letter-spacing:-.03em}
.nf-brand-text em{display:block;font-style:normal;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:rgba(71,71,71,.45)}

.nf-desktop-nav{display:none}
.nf-burger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(0,0,0,.1);background:#fff;border-radius:999px}
.nf-burger span{display:block;width:18px;height:2px;background:var(--nf-dark);margin:2px 0}
.nf-mobile-menu{border-top:1px solid rgba(0,0,0,.05);background:#f7f3ee}
.nf-mobile-menu__inner,.nf-mobile-menu__actions{display:flex;flex-direction:column;gap:12px;padding:16px 0}
.nf-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:11px 20px;font-size:14px;line-height:1.2}
.nf-btn--primary{background:var(--nf-orange);color:#fff;font-weight:600;box-shadow:0 10px 24px rgba(255,127,0,.22)}
.nf-btn--ghost{background:#fff;color:var(--nf-dark);border:1px solid rgba(0,0,0,.1);font-weight:500}

@media(min-width:1100px){
  .nf-desktop-nav{display:flex;min-width:0;flex:1;align-items:center;justify-content:flex-end;gap:18px;white-space:nowrap;color:rgba(71,71,71,.7);font-size:14px}
  .nf-desktop-nav a{flex-shrink:0}
  .nf-burger{display:none}
}

.nf-hero{padding:78px 0 46px}
.nf-hero-layout{display:grid;gap:40px;align-items:start}
.nf-hero-video-wrap{position:relative}
.nf-hero-video-wrap:before{content:"";position:absolute;left:-28px;top:-20px;width:120px;height:120px;border-radius:999px;background:rgba(40,185,209,.10);filter:blur(30px);pointer-events:none}
.nf-hero-video-wrap:after{content:"";position:absolute;right:-24px;bottom:-24px;width:140px;height:140px;border-radius:999px;background:rgba(255,127,0,.10);filter:blur(30px);pointer-events:none}
.nf-hero-video-card{position:relative;border-radius:30px;border:1px solid rgba(0,0,0,.06);background:rgba(255,255,255,.72);padding:12px;box-shadow:0 18px 50px rgba(15,23,42,.10);backdrop-filter:blur(10px)}
.nf-hero-video{position:relative;overflow:hidden;border-radius:22px;background:#e9eef1;aspect-ratio:16/10}
.nf-hero-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

.nf-hero--has-image{
  background-size:cover;
  background-position:center center;
  background-repeat:no-repeat;
}


.nf-hero{position:relative;overflow:hidden}
.nf-hero-flair{
  position:absolute;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(circle at 12% 18%, rgba(40,185,209,.12), transparent 26%),
    radial-gradient(circle at 80% 14%, rgba(255,127,0,.12), transparent 24%),
    radial-gradient(circle at 68% 68%, rgba(40,185,209,.08), transparent 30%),
    linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,0) 45%),
    repeating-linear-gradient(115deg, rgba(71,71,71,.025) 0 1px, transparent 1px 26px);
}
.nf-hero:before,
.nf-hero:after{
  content:"";position:absolute;pointer-events:none;border-radius:999px;
}
.nf-hero:before{
  width:520px;height:520px;right:-120px;top:-100px;
  background:radial-gradient(circle, rgba(40,185,209,.07) 0, rgba(40,185,209,.02) 42%, transparent 70%);
}
.nf-hero:after{
  width:460px;height:460px;left:-120px;bottom:-150px;
  background:radial-gradient(circle, rgba(255,127,0,.06) 0, rgba(255,127,0,.02) 40%, transparent 70%);
}
.nf-hero .nf-shell{position:relative;z-index:1}

.nf-hero-copy{max-width:820px}
.nf-eyebrow{margin-bottom:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.28em;color:var(--nf-blue)}
.nf-title,.nf-hero h1{font-size:clamp(2.1rem,4.2vw,3.85rem);line-height:1.05;letter-spacing:-.045em;font-weight:500;margin:0;color:var(--nf-dark)}
.nf-title span,.nf-hero h1 span{color:var(--nf-blue);font-weight:600}
.nf-title--light{color:#fff}
.nf-lead{margin-top:28px;max-width:760px;font-size:19px;line-height:1.9;color:rgba(71,71,71,.76)}
.nf-lead--light{color:rgba(255,255,255,.72)}
.nf-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px}

.nf-stats,.nf-grid,.nf-post-grid{display:grid;gap:20px}
.nf-stats{margin-top:40px;max-width:780px;grid-template-columns:repeat(3,minmax(0,1fr))}
.nf-card{border-radius:var(--nf-radius);border:1px solid rgba(0,0,0,.05);background:#fff;box-shadow:var(--nf-shadow)}
.nf-stats .nf-card{padding:20px}
.nf-stats strong{display:block;font-size:22px;font-weight:600;letter-spacing:-.03em}
.nf-stats span{display:block;margin-top:8px;font-size:14px;line-height:1.8;color:rgba(71,71,71,.55)}

.nf-logo-strip{padding:8px 0 26px}
.nf-logo-strip__title{margin-bottom:18px;padding-top:28px;border-top:1px solid rgba(0,0,0,.04);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.28em;color:rgba(71,71,71,.45)}
.nf-logo-marquee{overflow:hidden}
.nf-logo-track{display:flex;min-width:max-content;gap:24px;animation:nfmar 26s linear infinite}
@keyframes nfmar{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.nf-logo-item{display:flex;align-items:center;justify-content:center;width:144px;height:64px;border-radius:16px;border:1px solid rgba(0,0,0,.05);background:rgba(255,255,255,.6);box-shadow:0 8px 22px rgba(15,23,42,.03)}
.nf-logo-item img{max-width:75%;max-height:65%;object-fit:contain;filter:grayscale(100%);opacity:.75}
.nf-logo-item span{font-size:14px;color:rgba(71,71,71,.35)}

.nf-metric-bar{margin-top:28px;padding:48px 0;background:#474747}
.nf-metric-bar__grid{display:grid;gap:24px;grid-template-columns:repeat(4,minmax(0,1fr))}
.nf-metric-bar__grid>div{padding:0 16px}
.nf-metric-bar__grid>div:not(:last-child){border-right:1px solid rgba(255,255,255,.12)}
.nf-metric-bar strong{display:block;font-size:48px;font-weight:600;letter-spacing:-.05em;color:var(--nf-blue)}
.nf-metric-bar span{display:block;margin-top:14px;max-width:220px;font-size:15px;line-height:1.8;color:rgba(255,255,255,.72)}

.nf-section{padding:80px 0}
.nf-section--blue{background:radial-gradient(circle at top left, rgba(40,185,209,.08), transparent 42%), #f3efea}
.nf-section--blue-soft{background:radial-gradient(circle at top left, rgba(40,185,209,.09), transparent 42%), linear-gradient(180deg,#f4f8fa 0%,#f2f0eb 100%)}
.nf-section--blue-verysoft{background:radial-gradient(circle at bottom left, rgba(40,185,209,.06), transparent 36%), #f3efea}
.nf-section--orange-soft{background:radial-gradient(circle at top right, rgba(255,127,0,.09), transparent 40%), linear-gradient(180deg,#f8f3ed 0%,#f4efe9 100%)}
.nf-section--white{background:#fff}
.nf-section--dark{background:#474747}

.nf-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.nf-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}

.nf-grid--methods{margin-top:56px}
.nf-grid--quotes{margin-top:56px;grid-template-columns:repeat(2,minmax(0,1fr))}
.nf-grid--industries{margin-top:56px}
.nf-title--quotes{max-width:760px}
.nf-panel{padding:28px}
.nf-panel small{display:block;font-size:12px;font-weight:600}
.nf-orange{color:#ff7f00}
.nf-blue{color:#28b9d1}
.nf-panel h3,.nf-compare h3,.nf-method h3,.nf-post-card h3{margin:16px 0 0;font-size:24px;line-height:1.2;letter-spacing:-.03em;font-weight:600}
.nf-panel p,.nf-post-card p,.nf-page-content{margin-top:16px;font-size:15px;line-height:1.9;color:rgba(71,71,71,.68)}

.nf-split{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:start}
.nf-media-box{border-radius:0;border:none;background:transparent;padding:0;box-shadow:none}
.nf-media-box img{width:100%;height:auto;border-radius:0;background:transparent;filter:drop-shadow(0 14px 30px rgba(15,23,42,.10))}
.nf-media-placeholder{display:flex;aspect-ratio:16/10;align-items:center;justify-content:center;flex-direction:column;text-align:center;border-radius:22px;border:1px dashed rgba(0,0,0,.12);background:rgba(255,255,255,.22);padding:24px}
.nf-media-placeholder strong{font-size:16px;font-weight:500}
.nf-media-placeholder span{margin-top:8px;max-width:240px;font-size:14px;line-height:1.7;color:rgba(71,71,71,.55)}

.nf-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden;border-radius:34px;border:1px solid rgba(0,0,0,.06);background:#fff;box-shadow:var(--nf-shadow);margin-top:48px}
.nf-compare__col{padding:32px}
.nf-compare__col--dark{background:#474747;color:#fff}
.nf-badge{display:inline-flex;margin-bottom:12px;padding:8px 14px;border-radius:12px;background:#28b9d1;color:#fff;font-size:11px;font-weight:600;letter-spacing:.24em;text-transform:uppercase}
.nf-sub{margin-top:6px;font-size:14px;color:rgba(71,71,71,.42)}
.nf-compare__col--dark .nf-sub{color:rgba(255,255,255,.52)}
.nf-compare ul{list-style:none;padding:0;margin:20px 0 0}
.nf-compare li{margin:0;padding:16px 0;border-bottom:1px solid rgba(0,0,0,.06);font-size:15px;line-height:1.9;color:rgba(71,71,71,.72)}
.nf-compare__col--dark li{border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.86)}
.nf-compare li strong{font-weight:600}
.nf-compare__col--dark li strong{color:#28b9d1}

.nf-method{padding:28px;border-radius:28px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);box-shadow:0 12px 32px rgba(0,0,0,.12)}
.nf-method span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;background:#ff7f00;color:#fff;font-size:20px;font-weight:600}
.nf-method h3{color:#fff}
.nf-method small{display:block;margin-top:8px;font-size:15px;color:#28b9d1;font-weight:600}
.nf-method p{margin-top:16px;font-size:15px;line-height:1.9;color:rgba(255,255,255,.68)}

.nf-chip-box{margin-top:32px;padding:28px;border-radius:30px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05)}
.nf-chip-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.24em;color:#ff7f00}
.nf-chip-grid{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:20px}
.nf-chip-grid span{display:flex;align-items:center;justify-content:center;padding:16px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.1);font-size:15px;text-align:center;color:rgba(255,255,255,.88)}

.nf-quote{padding:28px}
.nf-quote-mark{font-size:52px;line-height:1;color:#ff7f00;font-weight:600}
.nf-quote p{margin-top:20px;font-size:16px;line-height:2;font-style:italic;color:rgba(71,71,71,.82)}
.nf-quote-author{margin-top:28px;padding-top:20px;border-top:1px solid rgba(0,0,0,.06);font-size:20px;font-weight:600;letter-spacing:-.03em}
.nf-quote-role{margin-top:6px;font-size:14px;line-height:1.6;color:rgba(71,71,71,.52)}

.nf-form-card{padding:32px}
.nf-form-note{font-size:14px;font-weight:500;color:rgba(71,71,71,.55);margin-bottom:16px}

.nf-post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.nf-post-card{overflow:hidden;border-radius:28px;border:1px solid rgba(0,0,0,.05);background:#fff;box-shadow:var(--nf-shadow)}
.nf-post-card__image{display:block;min-height:220px;background:#ece7df center/cover no-repeat;position:relative}
.nf-post-card__image span{position:absolute;left:20px;bottom:20px;padding:9px 12px;border-radius:999px;background:#fff;font-size:12px}
.nf-post-card__body{padding:24px}
.nf-text-link{display:inline-block;margin-top:14px;color:#ff7f00;font-weight:500}
.nf-pagination{margin-top:28px}
.nf-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;border:1px solid rgba(0,0,0,.08);border-radius:999px;background:#fff;margin-right:8px;padding:0 12px}
.nf-pagination .current{background:#ff7f00;color:#fff;border-color:#ff7f00}

.nf-site-footer{border-top:1px solid rgba(0,0,0,.05);background:#f7f3ee;padding:40px 0}
.nf-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}
.nf-footer-copy{font-size:14px;color:rgba(71,71,71,.68)}
.nf-footer-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:12px;font-size:14px;color:rgba(71,71,71,.64)}
.nf-socials{display:flex;gap:12px}
.nf-socials a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1px solid rgba(0,0,0,.08);background:#fff;font-size:14px;color:rgba(71,71,71,.72)}

@media(max-width:1200px){
  .nf-stats,.nf-grid--4,.nf-post-grid,.nf-chip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .nf-grid--3,.nf-metric-bar__grid,.nf-compare,.nf-split{grid-template-columns:1fr}
  .nf-metric-bar__grid>div:not(:last-child){border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding-bottom:20px}
}
@media(max-width:700px){.nf-hero-layout,.nf-grid--quotes{grid-template-columns:1fr;}.nf-hero-video-wrap{margin-top:8px;}
  .nf-shell{width:min(var(--nf-max),calc(100% - 28px))}
  .nf-hero{padding-top:52px}
  .nf-stats,.nf-grid--3,.nf-grid--4,.nf-post-grid,.nf-chip-grid{grid-template-columns:1fr}
  .nf-metric-bar strong{font-size:42px}
  .nf-footer-inner{flex-direction:column;align-items:flex-start}
}

.nf-hero--has-image .nf-shell{position:relative;z-index:1}


.nf-hero h1 strong{font-weight:700;color:#28b9d1}
.nf-suite-inline{margin-top:56px}
.nf-image-gallery{display:grid;gap:28px;margin-top:56px}
.nf-image-gallery--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.nf-image-item{display:flex;flex-direction:column;align-items:center}
.nf-image-caption{margin-top:16px;max-width:360px;text-align:center}
.nf-image-caption strong{display:block;font-size:16px;font-weight:600;line-height:1.4;color:#474747}
.nf-image-caption span{display:block;margin-top:8px;font-size:14px;line-height:1.7;color:rgba(71,71,71,.68)}
@media (max-width: 980px){
  .nf-image-gallery--3{grid-template-columns:1fr}
}


.nf-page-content-wrap{padding-top:40px}
.nf-page-content-wrap .nf-page-content > *:first-child{margin-top:0}
.nf-page-content--intro{margin-top:20px;max-width:840px}
.nf-single-case-study__media{margin:28px 0 32px}
.nf-single-case-study__media img{width:100%;height:auto;border-radius:28px;box-shadow:0 12px 32px rgba(15,23,42,.06)}

/* HERO VIDEO LAYOUT FIX */
.nf-hero-grid{
  display:grid;
  grid-template-columns: minmax(0,1fr) 520px;
  gap:48px;
  align-items:start;
}

.nf-hero-right{
  display:flex;
  align-items:flex-start;
}

.nf-video-card{
  width:100%;
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 20px 60px rgba(0,0,0,0.12);
  background:#e9eef1;
  aspect-ratio:16/10;
}

.nf-video-card iframe{
  width:100%;
  height:100%;
  border:0;
}

/* RESPONSIVE */
@media(max-width:1100px){
  .nf-hero-grid{
    grid-template-columns:1fr;
  }
}