:root{--navy:#071a36;--navy2:#0c2850;--blue:#1769e8;--cyan:#59d6e8;--ink:#14243b;--muted:#617086;--paper:#f5f8fc;--line:#e2e9f2;--white:#fff;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 44px));margin:auto}.topbar{background:#041329;color:#c7d4e7;font-size:12px}.topbar-inner{display:flex;justify-content:space-between;padding:9px 0;gap:18px}.topbar-inner div{display:flex;gap:24px}.topbar a:hover{color:#fff}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid rgba(12,40,80,.08)}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:43px;height:43px;border-radius:13px;background:var(--navy);color:#fff;display:grid;place-items:center;font:800 20px Manrope;letter-spacing:-2px}.brand-mark span{color:var(--cyan)}.brand-name{font:800 20px Manrope;color:var(--navy);line-height:1.15}.brand-name small{display:block;font:500 9px 'DM Sans';letter-spacing:1.15px;color:#728198;text-transform:uppercase;margin-top:5px}.primary-nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:600;color:#263850}.primary-nav>a,.nav-drop>a{padding:12px 0}.primary-nav a:hover,.primary-nav .active{color:var(--blue)}.nav-cta{background:var(--blue);color:#fff!important;padding:12px 18px!important;border-radius:7px}.nav-cta span{margin-left:12px}.nav-drop{position:relative}.drop-menu{display:none;position:absolute;top:100%;left:-20px;background:#fff;min-width:245px;padding:12px;border:1px solid var(--line);box-shadow:0 18px 45px #071a361c;border-radius:12px}.drop-menu a{display:block;padding:10px 12px;border-radius:7px;font-size:13px}.drop-menu a:hover{background:#f1f6ff}.nav-drop:hover .drop-menu,.nav-drop:focus-within .drop-menu{display:block}.menu-toggle{display:none;background:none;border:0;font-size:25px;color:var(--navy)}.hero{background:radial-gradient(circle at 76% 48%,#153c72 0,#0a2447 30%,#06172f 70%);color:#fff;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:55px 55px;mask-image:linear-gradient(90deg,transparent,#000 70%)}.hero-content{position:relative;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:570px;padding-top:55px;padding-bottom:45px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#9fbce4;display:flex;align-items:center;gap:10px}.eyebrow i{width:22px;height:2px;background:var(--cyan);display:inline-block}.eyebrow.dark{color:#58708e}.hero h1,.section-pad h2,.contact-cta h2{font:800 clamp(39px,5vw,62px)/1.13 Manrope;letter-spacing:-2.5px;margin:22px 0}.hero h1 em,.section-pad h2 em,.contact-cta h2 em{font-style:normal;color:var(--cyan)}.hero-copy>p{color:#c0cee0;max-width:540px;font-size:16px;line-height:1.8}.hero-actions{display:flex;gap:13px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:24px;padding:14px 19px;border-radius:7px;font-size:13px;font-weight:700;transition:.2s}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 9px 24px #1769e84d}.btn-primary:hover{background:#3280ff;transform:translateY(-2px)}.btn-ghost{border:1px solid #ffffff55;color:#fff}.btn-ghost:hover{background:#ffffff12}.hero-proof{display:flex;align-items:center;gap:14px;margin-top:43px}.proof-avatars{display:flex}.proof-avatars b{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#174779;border:2px solid #0b2444;margin-right:-7px;font:700 9px Manrope;color:#d8f6ff}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:11px}.hero-proof small{font-size:10px;color:#8fa6c4}.hero-visual{height:430px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #74b4ff38;border-radius:50%;transform:rotate(-22deg)}.orbit-one{width:390px;height:260px}.orbit-two{width:300px;height:390px;transform:rotate(54deg)}.visual-core{width:190px;height:190px;border-radius:50%;background:linear-gradient(145deg,#1a5ba2,#09234a);border:1px solid #8bdfff70;box-shadow:0 0 0 18px #4aa7ff0b,0 0 80px #28baff35;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:1}.core-logo{font:800 66px Manrope;letter-spacing:-9px;color:#fff}.core-logo:first-letter{color:var(--cyan)}.visual-core span{font-size:8px;letter-spacing:2px;text-align:center;color:#a9c9ec}.float-card{position:absolute;z-index:2;display:flex;align-items:center;gap:11px;padding:12px 15px;background:#102e55dd;border:1px solid #9ccfff40;border-radius:10px;box-shadow:0 14px 30px #020c1d55;backdrop-filter:blur(10px)}.float-card b,.float-card small{display:block}.float-card b{font-size:11px}.float-card small{font-size:9px;color:#a9bfd9}.mini-icon{width:30px;height:30px;border-radius:8px;background:#1c5b91;color:#8eeaff;display:grid;place-items:center}.fc-one{top:62px;left:0}.fc-two{right:-5px;top:170px}.fc-three{left:30px;bottom:55px}.visual-caption{position:absolute;bottom:5px;right:30px;font-size:9px;letter-spacing:2px;color:#8fa9c8}.visual-caption span{color:var(--cyan);font-size:17px;margin-left:8px}.hero-bottom{position:relative;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;align-items:center;padding:17px 0;color:#8da5c5;font-size:9px;letter-spacing:1.7px}.hero-bottom div{display:flex;align-items:center;gap:18px;color:#d8e4f4}.hero-bottom i{width:3px;height:3px;border-radius:50%;background:var(--cyan)}.section-pad{padding:94px 0}.intro-grid,.why-grid,.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.section-pad h2,.contact-cta h2{font-size:clamp(34px,4vw,47px);color:var(--navy);letter-spacing:-1.8px;margin:19px 0}.section-pad h2 em{color:var(--blue)}.lead{font-size:19px;font-weight:700;color:var(--navy);line-height:1.5}.intro-text p:not(.lead),.founder-copy>p:not(.lead){color:var(--muted);font-size:14px}.text-link{display:inline-block;color:var(--blue);font-size:13px;font-weight:700;margin-top:17px}.text-link span{margin-left:10px}.services,.process,.insights{background:var(--paper)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:42px}.section-heading>p{max-width:365px;color:var(--muted);font-size:14px;margin-bottom:8px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:25px 24px;min-height:265px;transition:.25s;position:relative;overflow:hidden}.service-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #122d5014;border-color:#b7d1f7}.service-card.featured{background:var(--navy);color:#fff;border-color:var(--navy)}.card-number{font-size:9px;letter-spacing:1.5px;color:#8a9bb1;font-weight:700}.service-icon{margin-top:23px;width:43px;height:43px;border-radius:11px;background:#eaf2ff;color:var(--blue);display:grid;place-items:center;font-size:23px}.featured .service-icon{background:#143f70;color:var(--cyan)}.service-card h3{font:700 18px Manrope;margin:17px 0 8px}.service-card p{font-size:12px;color:var(--muted);line-height:1.7;margin:0 0 18px}.featured p{color:#b7c7dc}.card-link{font-size:11px;font-weight:700;color:var(--blue)}.featured .card-link{color:var(--cyan)}.feature-band{background:linear-gradient(115deg,#082044,#0b3262);color:#fff;position:relative;overflow:hidden}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}.feature-band h2{color:#fff}.feature-band h2 em{color:var(--cyan)}.feature-band p{max-width:475px;color:#b8c9de;font-size:14px;margin-bottom:27px}.btn-light{background:#fff;color:var(--navy)}.feature-stack{border-top:1px solid #ffffff2b}.stack-item{display:flex;align-items:center;gap:19px;padding:22px 0;border-bottom:1px solid #ffffff2b}.stack-item>span{font:700 12px Manrope;color:var(--cyan)}.stack-item div{flex:1}.stack-item b,.stack-item small{display:block}.stack-item b{font:700 15px Manrope}.stack-item small{color:#a9bfd9;font-size:11px;margin-top:5px}.stack-item strong{color:var(--cyan)}.muted{color:var(--muted);font-size:14px;max-width:410px}.why-list article{display:flex;gap:22px;padding:18px 0;border-bottom:1px solid var(--line)}.why-list article>span{font:700 12px Manrope;color:var(--blue);padding-top:4px}.why-list h3{font:700 16px Manrope;color:var(--navy);margin:0 0 6px}.why-list p{font-size:12px;color:var(--muted);margin:0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.process-grid>div{border-top:2px solid #b6c8df;padding:22px 18px 0 0}.process-grid>div:first-child{border-color:var(--blue)}.process-grid span{font:800 30px Manrope;color:#c0d0e3}.process-grid h3{font:700 18px Manrope;color:var(--navy);margin:16px 0 8px}.process-grid p{font-size:12px;color:var(--muted)}.founder{background:#071a36;color:#fff}.founder-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:center}.founder-art{height:330px;border:1px solid #ffffff24;border-radius:20px;background:radial-gradient(circle at 50% 40%,#194778,#0b2447 65%);display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;overflow:hidden}.founder-art:before,.founder-art:after{content:'';position:absolute;border:1px solid #80dfff32;border-radius:50%;width:260px;height:260px}.founder-art:after{width:340px;height:340px}.founder-monogram{font:800 112px Manrope;letter-spacing:-13px;color:#fff;z-index:1}.founder-monogram span{color:var(--cyan)}.founder-label{z-index:1;font-size:9px;letter-spacing:3px;color:#a9c7e8}.founder-line{position:absolute;width:100%;height:1px;background:#ffffff1b;top:50%}.founder-copy h2{color:#fff}.founder-copy h2 em{color:var(--cyan)}.founder-copy .lead{color:#dbeaff;font-size:16px}.founder-copy .lead strong{font-size:12px;color:#8da9ca}.founder-copy>p:not(.lead){color:#afc0d5;font-size:13px}.btn-outline-light{border:1px solid #ffffff55;color:#fff;margin-top:15px}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.insight-grid article{background:#fff;padding:27px;border:1px solid var(--line);border-radius:12px}.insight-grid article>span{font-size:9px;letter-spacing:1.5px;color:var(--blue);font-weight:700}.insight-grid h3{font:700 18px/1.4 Manrope;color:var(--navy);margin:16px 0 10px}.insight-grid p{font-size:12px;color:var(--muted)}.insight-grid a{font-size:11px;color:var(--blue);font-weight:700;display:inline-block;margin-top:13px}.note{font-size:10px;color:#8290a3;margin-top:15px}.faq-list details{border-bottom:1px solid var(--line);padding:17px 0}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font:700 14px Manrope;color:var(--navy)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:var(--blue);font-size:18px}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:12px;color:var(--muted);max-width:560px}.contact-cta{background:#eaf2fc;padding:65px 0}.cta-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.contact-cta h2{font-size:40px;margin:14px 0}.contact-cta h2 em{color:var(--blue)}.contact-cta p{font-size:13px;color:var(--muted)}.footer{background:#041329;color:#d6e2f2}.footer-main{display:grid;grid-template-columns:1.3fr .8fr 1fr 1fr;gap:50px;padding:65px 0 50px}.footer .brand-name{color:#fff}.footer-brand>p{font-size:12px;color:#9aacc4;max-width:230px;margin-top:22px}.since{font-size:10px;color:#6f86a6}.footer h4{font:700 13px Manrope;color:#fff;margin:5px 0 19px}.footer-main>div:not(:first-child)>a{display:block;font-size:11px;color:#a9bad0;margin:10px 0}.footer-main>div>p{font-size:11px;color:#a9bad0}.footer-cta{color:var(--cyan)!important;font-weight:700}.footer-bottom{border-top:1px solid #ffffff1b;padding:18px 0;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#7f93ae}.footer-bottom div{display:flex;gap:20px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){.primary-nav{gap:15px;font-size:12px}.hero-content{grid-template-columns:1fr 1fr}.hero h1{font-size:50px}.founder-grid{gap:55px}.footer-main{gap:25px}}@media(max-width:780px){.topbar-inner{justify-content:center}.topbar-inner>span{display:none}.topbar-inner div{width:100%;justify-content:space-between}.nav-wrap{height:70px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:15px 24px 24px;border-bottom:1px solid var(--line);box-shadow:0 18px 30px #071a3612;align-items:stretch;gap:2px;flex-direction:column}.primary-nav.open{display:flex}.primary-nav>a,.nav-drop>a{display:block;padding:12px 0}.nav-cta{margin-top:8px;text-align:center}.drop-menu{position:static;display:block;border:0;box-shadow:none;padding:0 0 5px 12px}.drop-menu a{padding:8px}.hero-content{grid-template-columns:1fr;padding-top:65px}.hero h1{font-size:48px}.hero-visual{height:340px;margin-top:25px}.orbit-one{width:310px;height:220px}.orbit-two{width:250px;height:320px}.visual-core{width:150px;height:150px}.core-logo{font-size:54px}.fc-one{left:4%}.fc-two{right:1%}.fc-three{left:7%;bottom:35px}.hero-bottom{align-items:flex-start;flex-direction:column;gap:12px}.hero-bottom div{flex-wrap:wrap;gap:10px}.section-pad{padding:70px 0}.intro-grid,.why-grid,.faq-grid,.feature-grid,.founder-grid{grid-template-columns:1fr;gap:32px}.section-heading{align-items:flex-start;flex-direction:column;gap:10px}.service-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:repeat(2,1fr);row-gap:30px}.founder-art{max-width:440px}.insight-grid{grid-template-columns:1fr}.cta-inner{align-items:flex-start;flex-direction:column}.footer-main{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-wrap:wrap}}@media(max-width:480px){.container{width:min(100% - 32px,1160px)}.topbar{font-size:11px}.topbar-inner div{gap:12px}.brand-name{font-size:18px}.hero h1{font-size:41px;letter-spacing:-1.8px}.hero-copy>p{font-size:14px}.hero-visual{height:300px}.float-card{padding:9px}.float-card b{font-size:9px}.float-card small{font-size:8px}.fc-one{top:30px}.fc-two{top:125px}.fc-three{bottom:20px}.visual-caption{right:0}.section-pad h2{font-size:35px}.service-grid{grid-template-columns:1fr}.service-card{min-height:235px}.process-grid{grid-template-columns:1fr 1fr}.founder-art{height:260px}.footer-main{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-brand{grid-column:1/-1}.footer-bottom{font-size:9px}.contact-cta h2{font-size:34px}}

/* Official NetFrendz logo */
.brand{gap:0}.brand-logo{display:block;width:72px;height:67px;object-fit:contain}.footer .brand-logo{width:78px;height:72px}
@media(max-width:780px){.brand-logo{width:64px;height:60px}.nav-wrap{height:72px}.primary-nav{top:72px}}


/* V3 visual refinement: brighter brand blue, larger type and accessible mega menu */
:root{--blue:#087fca;--cyan:#43d8f2;--navy:#061a32;--navy2:#0b3157;--paper:#f2f8fd;--ink:#14243b;--muted:#53677f}
body{font-size:16px}
.topbar{font-size:13px}
.nav-wrap{height:92px}
.brand-logo{width:88px;height:78px}
.primary-nav{gap:21px;font-size:15px}
.primary-nav>a,.nav-drop>a{padding:14px 0}
.nav-cta{padding:14px 20px!important}
.hero{background:radial-gradient(circle at 78% 42%,#126eb0 0,#0a3967 34%,#061a32 73%)}
.hero h1{font-size:clamp(46px,5.4vw,70px);line-height:1.1}
.hero-copy>p{font-size:18px;max-width:570px}
.eyebrow{font-size:12px;letter-spacing:2.1px}
.btn{font-size:15px;padding:16px 22px}
.section-pad{padding:108px 0}
.section-pad h2,.contact-cta h2{font-size:clamp(39px,4.2vw,54px)}
.lead{font-size:21px}
.intro-text p:not(.lead),.founder-copy>p:not(.lead){font-size:16px}
.section-heading>p{font-size:16px}
.service-card{padding:30px 28px;min-height:290px;border-radius:16px}
.service-card h3{font-size:21px}
.service-card p{font-size:15px}
.card-number{font-size:11px}
.card-link{font-size:14px}
.service-icon{width:50px;height:50px;font-size:26px}
.feature-band p,.muted{font-size:16px}
.stack-item b{font-size:17px}.stack-item small{font-size:13px}
.why-list h3{font-size:19px}.why-list p{font-size:15px}
.process-grid h3{font-size:20px}.process-grid p{font-size:15px}
.insight-grid h3{font-size:20px}.insight-grid p{font-size:15px}.insight-grid a{font-size:14px}
.faq-list summary{font-size:17px}.faq-list details p{font-size:15px}
.contact-cta p{font-size:16px}
.footer{background:#05070b;color:#e3e9f2}
.footer-main{grid-template-columns:1.28fr .88fr 1.08fr .95fr;gap:42px;padding:58px 0 48px}
.footer h4{font-size:19px;line-height:1.15;letter-spacing:.2px;margin:0 0 20px;color:#fff;text-transform:uppercase}
.footer-logo{width:65px;height:65px;object-fit:contain;display:block;margin:0 0 18px}
.footer-contact .contact-line{display:flex;align-items:flex-start;gap:14px;color:#b9c6d6;font-size:17px;line-height:1.55;margin:0 0 18px;overflow-wrap:anywhere}
.contact-icon{color:#9bb4ca;font-size:21px;line-height:1.35;min-width:24px;text-align:center}
.footer-network>a,.footer-social>a{display:flex;align-items:flex-start;gap:15px;color:#b9c6d6;font-size:18px;line-height:1.5;margin:0 0 18px}
.footer-network>a span,.footer-social>a b{color:#9bb4ca;min-width:24px;font-size:20px;font-weight:700;text-align:center;line-height:1.35}
.footer a:hover{color:#43d8f2}
.footer .needs-url{opacity:.92}
.map-frame{display:block;width:100%;height:300px;overflow:hidden;background:#dfe8f2}
.map-frame iframe{width:100%;height:100%;border:0;display:block}
.map-link{display:inline-block;color:#54cfff;font-size:13px;margin-top:10px}
.footer-bottom{font-size:13px;color:#9ba9ba;padding:20px 0}
.footer-bottom a{color:#b9c6d6}
.mega-trigger{display:none}
.nav-drop{position:static}
.mega-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;padding:30px max(24px,calc((100vw - 1160px)/2));border-top:3px solid var(--blue);box-shadow:0 24px 45px #071a3622;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;z-index:60}
.mega-menu.is-open{display:grid}
.mega-column{display:flex;flex-direction:column;align-items:stretch;gap:0}
.mega-column .mega-heading{font:800 15px/1.35 Manrope;color:#087fca;padding:0 0 12px;margin-bottom:7px;border-bottom:1px solid #dce8f3}
.mega-heading span{float:right}
.mega-column>a:not(.mega-heading){font-size:13px;line-height:1.45;color:#465a70;padding:7px 0}
.mega-column>a:hover{color:#087fca}
@media(max-width:1100px){.primary-nav{gap:13px;font-size:13px}.mega-menu{padding-left:24px;padding-right:24px;gap:16px}.mega-column .mega-heading{font-size:13px}.mega-column>a:not(.mega-heading){font-size:12px}.footer-main{gap:24px}.footer-contact .contact-line,.footer-network>a,.footer-social>a{font-size:15px}}
@media(max-width:780px){.nav-wrap{height:78px}.brand-logo{width:72px;height:68px}.menu-toggle{display:block;font-size:30px;cursor:pointer}.primary-nav{top:78px;gap:0;font-size:16px}.primary-nav>a,.nav-drop>a{padding:13px 0}.nav-drop{display:grid;grid-template-columns:1fr auto;align-items:center}.nav-drop>.services-main-link{grid-column:1;grid-row:1}.mega-trigger{display:block;grid-column:2;grid-row:1;border:0;background:#eaf5fd;color:#087fca;border-radius:8px;width:42px;height:38px;font-size:22px}.mega-menu{position:static;grid-column:1/-1;display:none;box-shadow:none;border:0;border-top:1px solid #e0eaf4;padding:10px 0 10px 12px;grid-template-columns:1fr 1fr;gap:18px}.mega-menu.is-open{display:grid}.mega-column .mega-heading{font-size:14px}.mega-column>a:not(.mega-heading){font-size:13px}.hero-content{padding-top:58px}.hero h1{font-size:clamp(43px,8vw,58px)}.hero-copy>p{font-size:17px}.section-pad{padding:78px 0}.section-pad h2,.contact-cta h2{font-size:clamp(36px,7vw,46px)}.service-card h3{font-size:19px}.service-card p{font-size:14px}.footer-main{grid-template-columns:1fr 1fr;gap:34px 26px}.footer-contact{grid-column:1/-1}.footer-location{grid-column:1/-1}.map-frame{height:260px}.footer h4{font-size:17px}.footer-network>a,.footer-social>a,.footer-contact .contact-line{font-size:15px}}
@media(max-width:480px){.container{width:min(100% - 32px,1160px)}.topbar{font-size:11px}.topbar-inner div{gap:10px}.hero h1{font-size:42px}.hero-copy>p{font-size:16px}.section-pad{padding:68px 0}.section-pad h2{font-size:36px}.service-grid{grid-template-columns:1fr}.service-card{min-height:250px}.mega-menu.is-open{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr 1fr;gap:28px 18px}.footer-contact,.footer-location{grid-column:1/-1}.footer h4{font-size:16px}.footer-network>a,.footer-social>a,.footer-contact .contact-line{font-size:14px;gap:10px}.footer-bottom{font-size:11px}.footer-bottom div{gap:12px}}


/* V4: dependable mega menu */
.site-header{position:sticky;top:0;z-index:100}.nav-wrap{position:relative}.nav-drop{position:static}
.mega-menu{position:absolute;top:100%;left:0;right:0;width:100%;padding:26px 28px 28px;background:#fff;border:1px solid #dce8f3;border-top:4px solid var(--blue);border-radius:0 0 16px 16px;box-shadow:0 24px 48px rgba(4,24,49,.2);display:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;z-index:110;max-height:min(72vh,620px);overflow:auto}
.mega-menu.is-open{display:grid}
.mega-menu:before{content:"";position:absolute;left:0;right:0;top:-12px;height:12px}.mega-column .mega-heading{font-size:15px;line-height:1.35}.mega-column>a:not(.mega-heading){font-size:13px;line-height:1.45;padding:8px 0}.mega-column>a:not(.mega-heading):hover{padding-left:5px;color:var(--blue)}.mega-trigger{display:none}
@media(max-width:1100px) and (min-width:781px){.primary-nav{gap:12px;font-size:13px}.mega-menu{grid-template-columns:repeat(3,minmax(0,1fr));padding:22px;max-height:70vh}}
@media(max-width:780px){.nav-wrap{position:relative}.primary-nav{z-index:120;max-height:calc(100vh - 78px);overflow-y:auto}.mega-menu{position:static;left:auto;right:auto;width:auto;max-height:none;overflow:visible;border-radius:0;padding:12px 0 12px 10px;box-shadow:none;background:#f5f9fd;grid-template-columns:1fr 1fr;gap:16px;margin:8px 0}.mega-menu:before{display:none}.mega-menu.is-open{display:grid}.mega-trigger{display:block}}
/* Compact footer */
.footer{background:linear-gradient(115deg,#050b16 0%,#071a31 58%,#061426 100%);border-top:4px solid #087fca}.footer-main{grid-template-columns:1.12fr .92fr 1.05fr .88fr;gap:30px;padding:42px 0 32px}.footer h4{font-size:14px;letter-spacing:.9px;margin:0 0 15px;color:#fff}.footer-logo{width:58px;height:58px;margin:0 0 12px}.footer-contact .contact-line{font-size:13px;line-height:1.45;gap:9px;margin:0 0 11px;color:#c2cfdf}.contact-icon{font-size:16px;min-width:19px;color:#47c9ee}.footer-network>a,.footer-social>a{font-size:13px;line-height:1.35;gap:10px;margin:0 0 10px;color:#c2cfdf}.footer-network>a span,.footer-social>a b{font-size:15px;min-width:19px;color:#47c9ee}.footer-network>a:hover,.footer-social>a:hover,.footer-contact a:hover{color:#58dff6;transform:translateX(2px)}.footer-location .map-frame{height:176px;border:1px solid #274765;border-radius:9px}.footer-location .map-link{font-size:12px;margin-top:8px}.footer-bottom{border-top:1px solid #ffffff20;padding:15px 0;font-size:11px;gap:12px}
@media(max-width:900px){.footer-main{grid-template-columns:1fr 1fr;gap:28px 24px}.footer-contact{grid-column:1}.footer-location{grid-column:1/-1;grid-row:2}.footer-location .map-frame{height:190px}}
@media(max-width:520px){.footer-main{grid-template-columns:1fr 1fr;gap:24px 16px;padding:34px 0 25px}.footer-contact,.footer-location{grid-column:1/-1}.footer-location{grid-row:auto}.footer h4{font-size:13px}.footer-contact .contact-line{font-size:13px}.footer-network>a,.footer-social>a{font-size:12px;margin-bottom:9px}.footer-bottom{align-items:flex-start;flex-direction:column}}
/* NetFrendz Growth Compass */
.growth-compass{background:#eef6fc}.compass-shell{display:grid;grid-template-columns:.82fr 1.18fr;gap:58px;align-items:center}.compass-intro h2{font-size:clamp(36px,4vw,51px)}.compass-intro>p{font-size:16px;line-height:1.75;color:#52677f;max-width:440px}.compass-note{display:inline-block;margin-top:20px;font-size:10px;letter-spacing:1.4px;font-weight:800;color:#087fca}.compass-tool{background:#fff;border:1px solid #d7e7f4;border-radius:18px;padding:25px;box-shadow:0 18px 48px rgba(11,50,88,.09)}.compass-question{font-weight:800;color:#142b45;font-size:18px;margin:0 0 16px}.compass-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.compass-option{border:1px solid #dce8f2;background:#f8fbfe;border-radius:12px;padding:14px 12px;text-align:left;cursor:pointer;min-height:130px;color:#18324f;transition:.18s}.compass-option>span{display:block;color:#0785cf;font-size:22px;margin-bottom:10px}.compass-option b,.compass-option small{display:block}.compass-option b{font-size:13px;line-height:1.35}.compass-option small{font-size:11px;color:#667b91;line-height:1.4;margin-top:6px}.compass-option:hover,.compass-option.is-selected{border-color:#0785cf;background:#edf8ff;box-shadow:inset 0 0 0 1px #0785cf}.compass-result{margin-top:16px;padding:18px 20px;background:#071d37;color:#fff;border-radius:12px}.result-label{font-size:9px;letter-spacing:1.5px;font-weight:800;color:#55d5f1}.compass-result h3{font:800 18px/1.4 Manrope;margin:8px 0;color:#fff}.compass-result p{font-size:13px;line-height:1.55;color:#c4d4e6;margin:0 0 10px}.compass-result a{font-size:13px;font-weight:800;color:#5bd9f3}
@media(max-width:780px){.compass-shell{grid-template-columns:1fr;gap:26px}.compass-options{grid-template-columns:1fr}.compass-option{min-height:0;display:grid;grid-template-columns:34px 1fr;column-gap:8px;align-items:center}.compass-option>span{grid-row:1/3;margin:0}.compass-option small{grid-column:2;margin-top:2px}}
/* Floating WhatsApp, call and quick enquiry */
.floating-contact{position:fixed;right:18px;bottom:22px;z-index:150;display:flex;flex-direction:column;gap:9px;align-items:flex-end}.float-action{display:flex;align-items:center;gap:10px;border:0;border-radius:999px;padding:10px 15px;color:#fff;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.22);font:700 13px 'DM Sans',sans-serif;cursor:pointer;min-height:44px}.float-action-icon{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:#ffffff24;font-size:15px}.float-whatsapp{background:#159b60}.float-call{background:#087fca}.float-enquiry{background:#102d50;border:1px solid #3d668b}.float-action:hover{transform:translateY(-2px);filter:brightness(1.08)}.quick-enquiry-backdrop{position:fixed;inset:0;background:rgba(3,13,27,.52);z-index:158}.quick-enquiry-panel{position:fixed;z-index:159;right:0;top:0;bottom:0;width:min(430px,100%);padding:28px 25px;background:#fff;box-shadow:-18px 0 50px rgba(0,0,0,.2);transform:translateX(105%);transition:transform .25s ease;overflow:auto}.quick-enquiry-panel.is-open{transform:translateX(0)}.quick-enquiry-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start;border-bottom:1px solid #e2ebf3;padding-bottom:18px;margin-bottom:20px}.quick-enquiry-head h2{font:800 27px/1.2 Manrope;color:#102b49;margin:7px 0}.quick-enquiry-head p{font-size:13px;color:#5a6d82;line-height:1.55;margin:0}.quick-enquiry-close{border:0;background:#edf5fb;border-radius:50%;width:38px;height:38px;font-size:25px;cursor:pointer;color:#143452}#quick-enquiry-form{display:flex;flex-direction:column;gap:8px}#quick-enquiry-form label{font-size:12px;font-weight:800;color:#1b3551;margin-top:7px}#quick-enquiry-form input,#quick-enquiry-form select,#quick-enquiry-form textarea{width:100%;padding:12px 13px;border:1px solid #cddce9;border-radius:8px;background:#fbfdff;color:#172d45;font:14px 'DM Sans',sans-serif}#quick-enquiry-form input:focus,#quick-enquiry-form select:focus,#quick-enquiry-form textarea:focus{outline:3px solid #c9effa;border-color:#0785cf}.quick-submit{width:100%;justify-content:center;margin-top:10px}.quick-privacy{font-size:10px;color:#718197;line-height:1.5}.form-feedback{font-size:12px;color:#b33;margin:0}body.enquiry-open{overflow:hidden}@media(max-width:480px){.floating-contact{right:10px;bottom:12px;gap:7px}.float-action{padding:9px 12px;font-size:12px;min-height:41px}.quick-enquiry-panel{padding:22px 18px}}@media(prefers-reduced-motion:reduce){.quick-enquiry-panel,.float-action,.compass-option{transition:none}}


/* V5 NAVIGATION: click-to-open mega menu that remains open until dismissed.
   This avoids the hover-gap problem and works consistently across browsers. */
.site-header{z-index:200}
.nav-wrap{position:relative}
.nav-drop{position:static;display:flex;align-items:center;gap:5px}
.nav-drop>.services-main-link{display:inline-flex;align-items:center}
.mega-trigger{
  display:inline-flex !important;align-items:center;justify-content:center;
  width:27px;height:27px;border:1px solid #d5e4f2;border-radius:7px;
  background:#eef7fd;color:#087fca;font-size:17px;line-height:1;
  cursor:pointer;transition:background .18s ease,transform .18s ease;
}
.mega-trigger:hover,.mega-trigger[aria-expanded="true"]{background:#087fca;color:#fff;border-color:#087fca}
.mega-trigger[aria-expanded="true"]{transform:rotate(180deg)}
.mega-menu{
  position:absolute;top:100%;left:0;right:0;width:100%;
  display:none;z-index:220;margin:0;
}
.mega-menu.is-open{display:grid}
.mega-menu:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}

@media(min-width:781px){
  .mega-menu{top:100%}
  .nav-drop{height:100%}
  .mega-menu{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:780px){
  .nav-drop{display:grid;grid-template-columns:1fr auto}
  .mega-trigger{display:inline-flex !important;width:40px;height:38px}
  .mega-menu{position:static;top:auto;left:auto;right:auto;width:auto;display:none;grid-column:1/-1}
  .mega-menu.is-open{display:grid}
  .nav-drop:has(.mega-menu.is-open) .mega-menu{display:grid}
}

/* Growth Compass should read as a clearly discoverable interactive section. */
.growth-compass{position:relative;isolation:isolate;display:block !important;visibility:visible !important;opacity:1 !important}
.growth-compass .compass-shell{display:grid}
.growth-compass .compass-tool{min-width:0}
.compass-option{cursor:pointer}
.compass-option:focus-visible{outline:3px solid #59d6e8;outline-offset:3px}
.compass-result{min-height:150px}


/* FINAL MENU BEHAVIOUR: click Services or its chevron to toggle; no hover-only opening. */
.mega-menu.is-open{display:grid !important}
.mega-overview-link{
  grid-column:1/-1;display:inline-flex;align-items:center;gap:8px;
  width:max-content;max-width:100%;padding:10px 15px;border-radius:8px;
  background:#eaf6ff;color:#087fca;font-weight:800;font-size:13px;
  border:1px solid #cce7f8;margin:0 0 4px;
}
.mega-overview-link:hover{background:#d9f0ff}
@media(max-width:780px){
    .mega-menu.is-open{display:grid !important}
  .mega-overview-link{grid-column:1/-1}
}


/* V7 definitive Services menu: click state only; no hover rules to override it. */
#services-mega{display:none}
#services-mega.is-open{display:grid !important}
.nav-drop:hover #services-mega{display:none}
.nav-drop:hover #services-mega.is-open{display:grid !important}
@media(max-width:780px){
  #services-mega{display:none}
  #services-mega.is-open{display:grid !important}
}

/* Ensure no legacy hover selector can reveal or hide the Services menu. */
#services-mega:not(.is-open){display:none !important}
#services-mega.is-open{display:grid !important}


/* V9 Services mega-menu: one stable desktop panel controlled by JS state. */
@media (min-width:781px) {
  .site-header { position: sticky; top: 0; z-index: 200; }
  .site-header .nav-wrap { position: static; }
  .site-header .nav-drop { position: static; }
  .site-header #services-mega {
    position: absolute; top: 100%; left: 0; right: 0;
    display: none !important; visibility: hidden; opacity: 0;
    pointer-events: none;
  }
  .site-header #services-mega.is-open {
    display: grid !important; visibility: visible; opacity: 1;
    pointer-events: auto;
  }
}
@media (max-width:780px) {
  .site-header #services-mega {
    position: static; display: none !important; visibility: visible; opacity: 1;
    pointer-events: auto;
  }
  .site-header #services-mega.is-open { display: grid !important; }
}

/* NetFrendz Inner Pages – image-led editorial design */
:root{--nf-navy:#061a36;--nf-blue:#126de5;--nf-cyan:#58d9ed;--nf-orange:#ff8a27;--nf-ink:#10243e;--nf-muted:#62758b}
.nf-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(115deg,#061a36,#0b3971 60%,#087da9);padding:32px 0 0}.nf-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 15%,#46daf53d,transparent 30%),radial-gradient(circle at 4% 90%,#2870f04d,transparent 35%);pointer-events:none}
.nf-hero-inner{width:min(1240px,calc(100% - 44px));margin:auto;display:grid;grid-template-columns:1.02fr .98fr;gap:32px;align-items:center;position:relative;z-index:1;min-height:440px}.nf-hero-copy{padding:28px 0 38px}.nf-breadcrumb{font-size:12px;color:#c5dcf2;display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.nf-kicker,.nf-eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#0789c9}.nf-kicker{color:#75e3f1}
.nf-hero h1{font:800 clamp(2.5rem,4.8vw,4.25rem)/1.04 Manrope,sans-serif;letter-spacing:-.045em;margin:12px 0 18px}.nf-hero h1 em{display:block;color:#68e0ef;font-style:normal;margin-top:10px;font-size:.55em;line-height:1.25;letter-spacing:-.025em}.nf-hero-lead{font-size:1.05rem;line-height:1.8;color:#d8e9fa;max-width:650px}.nf-hero-points{display:flex;flex-wrap:wrap;gap:9px 14px;margin:20px 0;color:#e4f8ff;font-size:12px;font-weight:700}.nf-hero-points span{border:1px solid #ffffff38;border-radius:30px;padding:7px 12px;background:#ffffff0c}.nf-hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:25px}.nf-btn{display:inline-flex;align-items:center;gap:20px;padding:14px 21px;border-radius:9px;font-weight:800;font-size:14px;transition:.2s}.nf-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0003}.nf-btn-orange{background:linear-gradient(100deg,#ff9c32,#ff672f);color:#fff}.nf-hero-link{color:#d9f8ff;font-size:14px;font-weight:700}.nf-hero-visual{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-height:350px}.nf-hero-visual:before{content:"";position:absolute;width:80%;height:80%;border-radius:50%;background:#2bd4ee22;filter:blur(25px)}.nf-hero-visual img{width:100%;height:340px;object-fit:cover;border-radius:24px;position:relative;z-index:1;box-shadow:0 25px 65px #00132f80;border:1px solid #ffffff30}.nf-visual-chip{position:absolute;z-index:2;left:0;bottom:36px;background:#fff;color:#102b4a;padding:13px 18px;border-radius:13px;box-shadow:0 12px 30px #00132f40;display:grid}.nf-visual-chip strong{font:800 20px Manrope;color:#0969c8}.nf-visual-chip span{font-size:11px;color:#64778b}.nf-hero-bottom{border-top:1px solid #ffffff2b;background:#00152d30;padding:13px max(22px,calc((100% - 1240px)/2));display:flex;justify-content:space-between;gap:15px;color:#c6e1f6;font-size:12px}.nf-hero-index{font-weight:800;letter-spacing:.12em;white-space:nowrap}
.nf-intro-section,.nf-insights-section,.nf-faq-section{padding:72px 0;width:min(1200px,calc(100% - 44px));margin:auto}.nf-section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:28px}.nf-section-head h2,.nf-benefit-copy h2,.nf-why-copy h2{font:800 clamp(1.8rem,3.2vw,2.8rem)/1.15 Manrope,sans-serif;letter-spacing:-.04em;color:var(--nf-ink);margin:10px 0}.nf-section-head h2 em,.nf-benefit-copy h2 em,.nf-why-copy h2 em{font-style:normal;color:#1476d4}.nf-section-head>p{max-width:420px;color:var(--nf-muted);margin:0 0 5px;line-height:1.75}
.nf-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.nf-feature{border-radius:18px;padding:24px;min-height:180px;position:relative;overflow:hidden;border:1px solid #dfeaf5;box-shadow:0 12px 28px #0a2d5210}.nf-feature:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-42px;bottom:-62px;background:#ffffff75}.nf-tone-0{background:linear-gradient(135deg,#e1f3ff,#f6fbff)}.nf-tone-1{background:linear-gradient(135deg,#fff0e4,#fffaf5)}.nf-tone-2{background:linear-gradient(135deg,#e8e7ff,#f9f7ff)}.nf-tone-3{background:linear-gradient(135deg,#dcf8ef,#f5fffb)}.nf-tone-4{background:linear-gradient(135deg,#ffe8f0,#fff7fa)}.nf-feature-icon{width:42px;height:42px;border-radius:13px;background:#fff;display:grid;place-items:center;color:#087ad1;font-size:22px;font-weight:800;box-shadow:0 5px 14px #173c6414}.nf-feature h3{font:800 17px Manrope;color:#102947;margin:14px 0 7px}.nf-feature p{color:#596c80;font-size:14px;line-height:1.65;margin:0;position:relative;z-index:1}.nf-feature a{display:inline-block;margin-top:12px;color:#0877ce;font-weight:800;font-size:13px;position:relative;z-index:2}
.nf-benefit-section{background:#f1f6fc;padding:68px max(22px,calc((100% - 1200px)/2));display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.nf-benefit-copy>p,.nf-why-copy>p{color:#61758b;line-height:1.8;max-width:650px}.nf-benefit-list{display:grid;gap:14px;margin:24px 0}.nf-benefit{display:flex;gap:15px;align-items:flex-start}.nf-benefit>span{width:38px;height:38px;border-radius:12px;background:#dcefff;color:#0876d2;display:grid;place-items:center;font-weight:900;font-size:12px;flex:0 0 auto}.nf-benefit h3{margin:0 0 3px;font:800 15px Manrope;color:#18334f}.nf-benefit p{margin:0;color:#62758a;font-size:14px;line-height:1.6}.nf-text-link{font-weight:800;color:#0877d2}.nf-spotlight{border-radius:24px;padding:34px;background:linear-gradient(145deg,#082b5b,#0969a7);color:#fff;box-shadow:0 22px 50px #0b3c702b;position:relative;overflow:hidden}.nf-spotlight:after{content:"";position:absolute;width:230px;height:230px;border:1px solid #ffffff28;border-radius:50%;right:-65px;bottom:-100px;box-shadow:0 0 0 24px #ffffff0c,0 0 0 52px #ffffff08}.nf-spotlight-mark{width:48px;height:48px;border-radius:15px;background:#ffb342;color:#17345a;display:grid;place-items:center;font-size:24px}.nf-spotlight>span{display:block;margin-top:22px;color:#83e7f5;font-size:10px;letter-spacing:.18em;font-weight:900}.nf-spotlight h3{font:800 24px/1.2 Manrope;margin:10px 0 13px}.nf-spotlight p{color:#d6e9f8;line-height:1.8;font-size:14px;position:relative;z-index:1}.nf-spotlight-foot{border-top:1px solid #ffffff30;padding-top:15px;margin-top:22px;color:#a8d3ee;font-size:11px}
.nf-insight-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.nf-insight{padding:24px;border:1px solid #e0eaf3;border-radius:16px;background:#fff;box-shadow:0 10px 28px #08274b0b}.nf-insight:nth-child(2){background:#f3f0ff}.nf-insight:nth-child(3){background:#eaf8f5}.nf-insight span{font-size:10px;font-weight:900;letter-spacing:.15em;color:#0b80ca}.nf-insight h3{font:800 17px Manrope;margin:12px 0 8px;color:#17314d}.nf-insight p{font-size:14px;line-height:1.7;color:#607389;margin:0}
.nf-why-section{background:#061a36;color:#fff;padding:68px max(22px,calc((100% - 1200px)/2));display:grid;grid-template-columns:.85fr 1.15fr;gap:52px;align-items:center}.nf-why-visual{position:relative}.nf-why-visual img{width:100%;height:300px;object-fit:cover;border-radius:22px;opacity:.9}.nf-why-stamp{position:absolute;right:-15px;bottom:18px;background:#ffb342;color:#102c4d;width:100px;height:100px;border-radius:50%;display:grid;align-content:center;justify-items:center;box-shadow:0 10px 30px #0005}.nf-why-stamp strong{font:900 27px Manrope}.nf-why-stamp span{font-size:11px;font-weight:800}.nf-why-copy h2{color:#fff}.nf-why-copy h2 em{color:#5cdbed}.nf-why-copy>p{color:#b8cbe0}.nf-why-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:25px}.nf-why{display:flex;gap:11px;align-items:flex-start}.nf-why>span{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#0f8dbe;color:#fff;font-weight:900;flex:0 0 auto}.nf-why h3{font:800 14px Manrope;margin:1px 0 5px;color:#fff}.nf-why p{font-size:12px;color:#a9bfd5;line-height:1.6;margin:0}
.nf-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nf-faq{background:#f4f8fd;border:1px solid #e1eaf4;border-radius:12px;padding:0 18px}.nf-faq summary{cursor:pointer;list-style:none;padding:16px 25px 16px 0;font-weight:800;color:#173450;position:relative}.nf-faq summary::-webkit-details-marker{display:none}.nf-faq summary:after{content:"+";position:absolute;right:0;color:#0877d2;font-size:20px;top:11px}.nf-faq[open] summary:after{content:"−"}.nf-faq p{margin:0;padding:0 0 17px;color:#60748a;font-size:14px;line-height:1.7}
.nf-final-cta{margin:0 auto 70px;width:min(1200px,calc(100% - 44px));border-radius:24px;padding:36px 42px;background:linear-gradient(105deg,#0879c5,#103d91 60%,#6b45bf);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 20px 45px #104c8a24}.nf-final-cta .nf-eyebrow{color:#8de9f2}.nf-final-cta h2{font:800 clamp(1.8rem,3vw,2.6rem)/1.12 Manrope;margin:10px 0}.nf-final-cta h2 em{font-style:normal;color:#8de9f2}.nf-final-cta p{margin:0;color:#d8eaff;max-width:630px}.nf-final-cta .nf-btn{white-space:nowrap}
.nf-contact-options{width:min(1200px,calc(100% - 44px));margin:50px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.nf-contact-options a{border-radius:16px;padding:22px;background:#eaf5ff;border:1px solid #d6e9f8;display:grid;gap:5px}.nf-contact-options a:nth-child(2){background:#fff0e5}.nf-contact-options a:nth-child(3){background:#e9f8f1}.nf-contact-options span{font-size:10px;font-weight:900;letter-spacing:.15em;color:#0879c8}.nf-contact-options strong{font:800 18px Manrope;color:#12304e}.nf-contact-options small{color:#63778c}
@media(max-width:900px){.nf-hero-inner{grid-template-columns:1fr;gap:0}.nf-hero-copy{padding-bottom:10px}.nf-hero-visual{min-height:250px;padding-bottom:25px}.nf-hero-visual img{height:260px}.nf-benefit-section,.nf-why-section{grid-template-columns:1fr}.nf-section-head{align-items:start;flex-direction:column;gap:10px}.nf-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.nf-hero-inner{width:calc(100% - 32px)}.nf-hero h1{font-size:2.45rem}.nf-hero-visual img{height:220px}.nf-visual-chip{bottom:32px;left:8px}.nf-hero-bottom{padding:12px 16px}.nf-intro-section,.nf-insights-section,.nf-faq-section{width:calc(100% - 32px);padding:50px 0}.nf-feature-grid,.nf-insight-grid,.nf-faq-grid,.nf-contact-options{grid-template-columns:1fr}.nf-benefit-section,.nf-why-section{padding:50px 16px}.nf-why-grid{grid-template-columns:1fr}.nf-final-cta{width:calc(100% - 32px);padding:26px 21px;align-items:flex-start;flex-direction:column;margin-bottom:48px}.nf-why-visual img{height:220px}.nf-contact-options{width:calc(100% - 32px)}}