/* NodeFlow Automation — Pro Level Visual System v8.8
   Art-directed from Awesome Design + Taste + UI UX Pro Max principles.
*/
:root{
  --color-primary:#F26A00;
  
  --color-card-bg:#0F0F14;
  --color-page-bg:#F7F5EF;
  --nf-ivory:var(--color-page-bg);
  --nf-paper:var(--color-page-bg);
  --nf-ink:var(--color-card-bg);
  --nf-charcoal:var(--color-card-bg);
  --nf-soft:#E9E5DB;
  --nf-line:rgba(11,11,13,.11);
  --nf-muted:#6D6A63;
  --nf-orange:var(--color-primary);
  --nf-orange-hot:var(--color-primary);
  
  --nf-green:#1F8A55;
  
  --nf-radius:24px;
  --nf-shadow:0 24px 70px rgba(11,11,13,.08);
  --nf-shadow-soft:0 12px 34px rgba(11,11,13,.06);
}
html{background:var(--color-page-bg)}
body{background:
  radial-gradient(circle at 82% 8%,rgba(242,106,0,.045),transparent 24rem),
  linear-gradient(var(--color-page-bg),var(--color-page-bg));
  color:var(--color-card-bg);font-family:Inter,"DM Sans",sans-serif;}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(rgba(11,11,13,.13) .5px,transparent .5px);background-size:5px 5px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.2),transparent 55%);z-index:-1}
.container{width:min(calc(100% - 56px),1280px)}
h1,h2,h3,.brand,.signature p,.dark-stat,.price-plan-number,.price-card-new h2,.real-process-step h3{font-family:Manrope,Inter,sans-serif}
.nav{height:88px}.site-header{background:rgba(247,245,239,.82);box-shadow:0 8px 30px rgba(11,11,13,.025)}
.brand{font-size:21px;letter-spacing:-.045em}.brand-mark{width:46px;height:46px;border-radius:13px}
.nav-links{font-size:13px;gap:31px}.nav-links a{color:var(--color-card-bg)}.nav-links a:after{height:2px;border-radius:999px}
.btn{min-height:50px;padding:0 23px;letter-spacing:-.01em}.btn-primary{background:var(--color-primary);box-shadow:0 14px 32px rgba(242,106,0,.17)}
.eyebrow{font-family:"DM Mono",monospace;font-size:10px;letter-spacing:.18em;margin-bottom:22px;color:var(--color-primary)}
h1,h2,h3{font-weight:700}h1{letter-spacing:-.065em}h2{letter-spacing:-.055em}
/* Hero: editorial typography + controlled line breaks */
.nf-hero{padding:92px 0 72px;min-height:calc(100vh - 88px);display:flex;align-items:center;position:relative;overflow:hidden}
.nf-hero:before{content:"";position:absolute;right:-16vw;top:-18vw;width:55vw;height:55vw;border-radius:50%;background:radial-gradient(circle,rgba(201,154,69,.10),rgba(201,154,69,0) 68%);pointer-events:none}
.nf-hero-inner{display:block;max-width:1000px;margin:0 auto}
.nf-hero-copy{position:relative;z-index:3;max-width:1000px}
.nf-hero h1{font-size:clamp(66px,7.5vw,116px);line-height:.88;margin:0;max-width:920px}
.nf-hero h1 em{display:block;color:var(--color-primary);font-style:normal;white-space:nowrap;line-height:.9;margin-top:.07em;position:relative;z-index:2}
.nf-hero-sub{max-width:700px;font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1.65;color:#45413A;margin:34px 0 36px}
.hero-actions{gap:25px}.hero-actions .btn-ghost{font-size:13px}
/* Global sections */
.nf-proof,.nf-problem,.nf-solution{position:relative}.nf-proof{padding:112px 0 125px}.nf-section-intro{align-items:end;gap:70px;margin-bottom:48px}.nf-section-intro h2{max-width:760px}.nf-section-intro>p{font-size:16px;line-height:1.7}
.nf-proof-grid{gap:18px}.nf-proof-card{background:rgba(255,254,250,.76)!important;border:1px solid var(--nf-line)!important;border-radius:26px!important;overflow:hidden!important;box-shadow:var(--nf-shadow-soft);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}.nf-proof-card:hover{transform:translateY(-8px);box-shadow:var(--nf-shadow);border-color:rgba(242,106,0,.28)!important}.nf-proof-image{background:var(--color-card-bg)!important;padding:10px!important}.nf-proof-image img{border-radius:17px!important;opacity:.96;transition:transform .45s ease}.nf-proof-card:hover .nf-proof-image img{transform:scale(1.025)}.nf-proof-copy{padding:27px 28px 30px!important}.nf-proof-copy span{font-family:"DM Mono",monospace!important;letter-spacing:.1em!important;color:var(--color-primary)!important}.nf-proof-copy h3{font-size:25px!important;margin:13px 0 11px!important}.nf-proof-copy strong{font:800 20px/1.1 Manrope,sans-serif!important;letter-spacing:-.03em!important}.social-proof-badges{margin-top:38px!important;padding-top:22px!important;border-top:1px solid var(--nf-line)!important}.proof-badge{background:#FFF!important;border:1px solid #3E5FE0!important;border-radius:999px!important;box-shadow:0 5px 16px rgba(11,11,13,.04)}.proof-badge span{color:#3E5FE0!important}
.nf-problem{padding:118px 0;background:var(--color-card-bg);color:#FFF}.nf-problem .eyebrow{color:var(--color-primary)}.nf-problem h2{color:#FFF}.nf-problem h2 em{color:var(--color-primary)}.nf-problem-list>div{border-color:rgba(255,255,255,.12)!important;padding:21px 0!important}.nf-problem-list span{color:var(--color-primary)!important;font-family:"DM Mono",monospace}
.nf-solution{padding:120px 0}.nf-value-grid{gap:1px!important;background:var(--nf-line)!important;border:1px solid var(--nf-line)!important;border-radius:24px!important;overflow:hidden}.nf-value-grid article{background:rgba(255,254,250,.88)!important;padding:34px 31px!important;min-height:250px;transition:background .25s ease,transform .25s ease}.nf-value-grid article:hover{background:#FFF!important}.nf-value-grid article span{font-family:"DM Mono",monospace!important;color:var(--color-primary)!important}.nf-value-grid h3{font-size:23px!important;margin:54px 0 12px!important}.nf-value-grid p{font-size:14px!important;line-height:1.65!important}
/* Inner page heroes */
.page-hero{padding:126px 0 100px!important;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:430px;height:430px;border-radius:50%;right:-120px;top:-160px;background:radial-gradient(circle,rgba(242,106,0,.09),transparent 68%);pointer-events:none}.page-hero h1{max-width:1050px}.page-hero h1 em{color:var(--color-primary)}.page-hero p:last-child{max-width:760px;font-family:Georgia,"Times New Roman",serif;font-size:20px;line-height:1.65}
/* Services */
.services-minimal{padding:18px 0 30px}.service-row{position:relative;display:grid;grid-template-columns:92px 1fr;gap:36px;padding:62px 0;border-bottom:1px solid var(--nf-line);transition:padding .25s ease}.service-row:first-child{border-top:1px solid var(--nf-line)}.service-row:before{content:"";position:absolute;left:-24px;right:-24px;top:10px;bottom:10px;border-radius:22px;background:#FFF;opacity:0;transform:scale(.985);transition:.25s ease;z-index:-1}.service-row:hover:before{opacity:1;transform:scale(1)}.service-number{font:800 18px/1 Manrope,sans-serif;color:var(--color-primary);letter-spacing:-.04em;padding-top:7px}.service-main h2{font-size:clamp(31px,4vw,52px);margin-bottom:12px}.service-tagline{font:600 15px/1.45 Inter,sans-serif!important;color:#2A2824!important;margin:0 0 10px!important}.service-main>p:not(.service-tagline){max-width:780px;color:var(--nf-muted);line-height:1.7}.subservices span{background:#FFF;border:1px solid var(--nf-line);border-radius:999px;padding:8px 12px;font-size:10px;transition:.2s}.service-row:hover .subservices span{border-color:rgba(242,106,0,.2)}.includes-strip{border-radius:24px!important;background:var(--color-card-bg)!important;color:#FFF!important;padding:29px 32px!important;box-shadow:var(--nf-shadow)}.includes-items span{border-color:rgba(255,255,255,.13)!important;color:#D2D0CB!important;background:rgba(255,255,255,.03)}.service-bottom-cta{padding-top:20px}.service-bottom-cta .cta-panel{padding:60px 58px!important;box-shadow:var(--nf-shadow);position:relative;overflow:hidden}.service-bottom-cta .cta-panel:after{content:"";position:absolute;width:380px;height:380px;right:-160px;bottom:-220px;border-radius:50%;border:1px solid rgba(242,106,0,.3);box-shadow:0 0 0 50px rgba(242,106,0,.035),0 0 0 100px rgba(242,106,0,.02)}
/* Process */
.process-page-visual{background:var(--color-card-bg)!important;border-radius:30px!important;padding:42px!important;box-shadow:var(--nf-shadow);overflow:hidden}.process-intro-grid{gap:90px!important}.real-process-grid{gap:18px!important}.real-process-step{background:linear-gradient(145deg,var(--color-card-bg),#0F0F14)!important;border-radius:24px!important;padding:31px!important;min-height:330px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.real-step-top span{font-size:28px!important}.real-process-step h3{font-size:25px!important}.step-detail{border-color:rgba(255,255,255,.1)!important}.process-system-visual{border:0!important;padding:0!important;gap:10px!important}.psv-layer{min-height:170px!important;border-radius:20px!important;box-shadow:0 14px 30px rgba(11,11,13,.06)}.psv-intelligence{box-shadow:0 20px 50px rgba(242,106,0,.14)!important}.process-real-example{border-radius:24px!important;box-shadow:var(--nf-shadow-soft)}
/* Pricing */
.price-grid{gap:18px!important}.price-card-new{border-radius:26px!important;padding:38px!important;min-height:530px!important;box-shadow:var(--nf-shadow-soft)!important;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.price-card-new:hover{transform:translateY(-7px);box-shadow:var(--nf-shadow)!important;border-color:rgba(242,106,0,.28)!important}.price-card-new.featured{background:linear-gradient(145deg,var(--color-card-bg),var(--color-card-bg))!important;border-color:var(--color-primary)!important;box-shadow:0 28px 70px rgba(11,11,13,.22)!important}.price-card-new.featured:before{content:"";position:absolute;inset:-100px -80px auto auto;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(242,106,0,.17),transparent 68%)}.price-plan-title{position:relative;z-index:2;align-items:center!important;margin-bottom:25px!important}.price-plan-number{font-family:Manrope,sans-serif!important;font-size:15px!important;line-height:1!important;letter-spacing:.08em!important;color:var(--color-primary)!important;border:1px solid rgba(242,106,0,.35);background:rgba(242,106,0,.08);width:38px;height:38px;border-radius:12px;display:grid;place-items:center}.price-plan-title .price-label{font-size:10px!important;letter-spacing:.2em!important;color:#716E67!important}.featured .price-plan-title .price-label{color:#B7B4AE!important}.price-card-new h2{font-size:25px!important;line-height:1.1!important;letter-spacing:-.04em!important;max-width:300px}.price-card-new .price-amount{font-family:Manrope,sans-serif!important;letter-spacing:-.06em!important}.price-card-new ul{margin-top:30px!important}.price-card-new li{font-size:13px!important;padding:11px 0!important}.price-card-new .btn{width:100%}
/* About */
.about-grid{gap:90px}.about-grid>div:last-child{padding-top:5px}.about-grid p{font-size:18px;line-height:1.75}.process-five{border-radius:22px;overflow:hidden;background:#FFF;box-shadow:var(--nf-shadow-soft)}.process-five .step{padding:31px 26px;min-height:190px}.process-five .step b{font-family:"DM Mono",monospace}.trust-band{display:grid!important;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;background:var(--color-card-bg)!important;color:#FFF!important;border-radius:28px!important;padding:46px!important;box-shadow:var(--nf-shadow)}.trust-band h2{color:#FFF}.trust-band h2 em{color:var(--color-primary)}.about-tool-grid{grid-template-columns:repeat(2,1fr)!important;gap:11px!important}.about-tool{background:var(--color-card-bg)!important;border-color:rgba(255,255,255,.08)!important;color:#FFF!important;border-radius:17px!important;min-height:76px!important;padding:15px 17px!important}.about-tool:hover{border-color:rgba(242,106,0,.5)!important;box-shadow:0 12px 30px rgba(0,0,0,.16)!important;transform:translateY(-3px)}.about-tool img{width:29px!important;height:29px!important;filter:none!important}.about-tool b{font-family:Inter,sans-serif!important;font-size:13px!important;letter-spacing:-.01em}.api-mark{background:#17171D!important;color:#C6C4BD!important}.detail-band{border-radius:26px!important;background:#FFF!important;box-shadow:var(--nf-shadow-soft);padding:45px!important}.detail-columns>div{border-left-color:var(--nf-line)!important}.form-wrap{gap:90px}.lead-form{background:#FFF;padding:32px;border:1px solid var(--nf-line);border-radius:24px;box-shadow:var(--nf-shadow-soft)}.lead-form input,.lead-form textarea,.lead-form select{border-radius:13px!important;background:var(--color-page-bg)!important}.lead-form button{margin-top:4px}
/* Footer */
footer{background:var(--color-card-bg)!important;color:#FFF!important;border-top:1px solid rgba(255,255,255,.06)}footer .brand{color:#FFF}footer .footer-links a{color:#A8A6A0!important}footer .footer-links a:hover{color:#FFF!important}footer strong{color:#FFF!important}.footer-bottom{border-color:rgba(255,255,255,.1)!important;color:#77746E!important}.floating-whatsapp{box-shadow:0 14px 35px rgba(37,211,102,.22)!important}
/* Accessibility + motion */
:focus-visible{outline:3px solid rgba(242,106,0,.45);outline-offset:4px;border-radius:6px}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:1100px){.nf-hero-inner{max-width:1000px}.nf-hero-copy{max-width:1000px}.trust-band{grid-template-columns:1fr}.process-five{grid-template-columns:repeat(2,1fr)}.process-five .step:nth-child(2n){border-right:0}.price-grid{grid-template-columns:1fr 1fr}.price-card-new:last-child{grid-column:1/-1}.form-wrap{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.container{width:min(calc(100% - 32px),1280px)}.nav{height:74px}.nf-hero{padding:62px 0 45px;min-height:auto}.nf-hero h1{font-size:clamp(51px,14vw,72px)!important;line-height:.91!important}.nf-hero h1 em{white-space:normal!important;line-height:.94!important;margin-top:.09em!important}.nf-hero-sub{font-size:18px;line-height:1.55;margin:28px 0}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.nf-proof,.nf-problem,.nf-solution{padding:82px 0}.nf-section-intro{display:block}.nf-section-intro>p{margin-top:20px}.nf-proof-grid{grid-template-columns:1fr!important}.nf-value-grid{grid-template-columns:1fr!important}.nf-value-grid article{min-height:auto}.page-hero{padding:84px 0 72px!important}.page-hero h1{font-size:clamp(50px,13vw,72px)!important}.service-row{grid-template-columns:1fr;gap:16px;padding:42px 0}.service-number{padding:0}.service-row:before{left:-12px;right:-12px}.includes-strip{padding:26px!important}.service-bottom-cta .cta-panel{padding:38px 27px!important}.process-intro-grid h2{font-size:44px}.real-process-grid{grid-template-columns:1fr!important}.process-system-visual{display:flex!important;flex-direction:column!important}.psv-line{width:1px!important;height:25px!important;margin:0 auto!important}.trust-band{padding:28px!important}.about-tool-grid{grid-template-columns:1fr!important}.process-five{grid-template-columns:1fr!important}.process-five .step{border-right:0!important;border-bottom:1px solid var(--nf-line)}.price-grid{grid-template-columns:1fr!important}.price-card-new:last-child{grid-column:auto}.form-wrap{grid-template-columns:1fr!important}.lead-form{padding:22px}.footer-grid{grid-template-columns:1fr 1fr!important}.footer-grid>div:first-child{grid-column:1/-1}}
.about-tool{display:grid!important;grid-template-columns:30px 1fr auto!important;grid-template-rows:auto auto!important;column-gap:12px!important;align-items:center!important}.about-tool img,.about-tool .api-mark{grid-row:1 / span 2}.about-tool b{grid-column:2;grid-row:1}.about-tool small{grid-column:2;grid-row:2;color:#8E8C86;font-size:9px;line-height:1.2;letter-spacing:.02em}.tool-note{margin:13px 0 0!important;max-width:500px;color:#AAA79F!important;font-size:13px!important;line-height:1.55!important}
@media(max-width:720px){.about-tool{grid-template-columns:30px 1fr!important}.about-tool small{grid-column:2}.tool-note{font-size:12px!important}}
/* Legal / utility pages */
.legal-wrap,.legal-page{max-width:900px!important;margin:0 auto;padding-top:30px}.legal-wrap h1,.legal-page h1{font-size:clamp(48px,6vw,82px)!important}.legal-wrap h2,.legal-page h2{font-size:32px!important;margin-top:48px}.legal-wrap p,.legal-page p,.legal-wrap li,.legal-page li{color:var(--nf-muted);line-height:1.8}.legal-wrap a,.legal-page a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px}
.error-page{text-align:center;min-height:70vh;display:grid;place-items:center}.error-page h1{font-size:clamp(90px,16vw,220px)!important;letter-spacing:-.09em}.error-page p{color:var(--nf-muted);font-size:18px}

/* V8.9 Services — eight-category service architecture */
.service-row{padding:70px 0!important;transition:transform .25s ease,padding .25s ease,border-color .25s ease!important}
.service-row:hover{padding-left:12px!important}
.service-main{min-width:0}
.service-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:30px}
.service-kicker{font:500 10px/1.2 "DM Mono",monospace!important;letter-spacing:.16em!important;color:var(--color-primary)!important;margin:0 0 14px!important;text-transform:uppercase}
.service-main h2{font-size:clamp(34px,4.3vw,58px)!important;line-height:.98!important;margin:0!important;max-width:850px}
.service-arrow{display:grid;place-items:center;width:46px;height:46px;flex:0 0 46px;border:1px solid var(--nf-line);border-radius:50%;font:500 19px/1 Inter,sans-serif;color:var(--color-card-bg);transition:.25s ease}
.service-row:hover .service-arrow{background:var(--color-primary);border-color:var(--color-primary);color:#FFF;transform:rotate(4deg)}
.service-description{max-width:820px!important;font-size:17px!important;line-height:1.72!important;margin:20px 0 30px!important;color:#4E4A43!important}
.service-detail-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:22px;align-items:stretch}
.service-build,.service-outcome{border:1px solid var(--nf-line);border-radius:20px;padding:22px 23px;background:rgba(255,254,250,.74)}
.service-detail-label{display:block;font:600 9px/1.2 "DM Mono",monospace;letter-spacing:.17em;color:#8B877F;margin-bottom:16px}
.service-outcome{background:var(--color-card-bg);border-color:var(--color-card-bg);color:#FFF;position:relative;overflow:hidden}
.service-outcome:after{content:"";position:absolute;width:180px;height:180px;right:-95px;bottom:-105px;border-radius:50%;border:1px solid rgba(242,106,0,.42);box-shadow:0 0 0 30px rgba(242,106,0,.035)}
.service-outcome .service-detail-label{color:var(--color-primary);position:relative;z-index:1}
.service-outcome p{position:relative;z-index:1;margin:0!important;color:#D8D5CE!important;font:500 14px/1.65 Inter,sans-serif!important;max-width:520px}
.subservices{gap:8px!important;line-height:1.5}
.subservices span{background:#FFF!important;padding:8px 11px!important;border-radius:10px!important;font-size:10px!important;color:#25231F!important}
.subservices span:not(:last-child):after{display:none!important}
@media(max-width:820px){.service-detail-grid{grid-template-columns:1fr}.service-row:hover{padding-left:0!important}.service-heading{gap:16px}.service-arrow{width:40px;height:40px;flex-basis:40px}.service-description{font-size:16px!important}}
@media(max-width:560px){.service-row{padding:48px 0!important}.service-heading{display:block}.service-arrow{margin-top:18px}.service-main h2{font-size:38px!important}.service-detail-grid{gap:12px}.service-build,.service-outcome{padding:19px}.service-description{font-size:15px!important}}



/* V8.13 — requested visual refinements only */
.about-tool-openai img{filter:brightness(0) invert(1)!important}
.price-card-new{background:var(--color-card-bg)!important;border-color:rgba(255,255,255,.08)!important;color:#FFF!important}
.price-card-new.featured{background:linear-gradient(145deg,var(--color-card-bg),var(--color-card-bg))!important;border-color:var(--color-primary)!important}
.price-card-new .price-plan-number{background:rgba(242,106,0,.08)!important}
.price-card-new .price-card-new h2,.price-card-new h2,.price-card-new .price-amount,.price-card-new .price-plan-title .price-label{color:var(--color-page-bg)!important}
.price-card-new .price-plan-title .price-label{color:var(--color-primary)!important}
.price-card-new .price-period,.price-card-new .price-setup,.price-card-new .price-caption{color:#A1A1AA!important}
.process-tool-list{align-items:center!important}
.process-tool{display:inline-flex!important;align-items:center!important;gap:9px!important}
.process-tool img{width:18px!important;height:18px!important;object-fit:contain!important;display:block!important;flex:0 0 18px!important}
.process-tool-n8n img{filter:none!important}
.process-tool-wa img,.process-tool-google img,.process-tool-telegram img,.process-tool-email img,.process-tool-openai img{filter:none!important}
.process-tool-openai img{filter:brightness(0) invert(1)!important}
.process-tool-monogram,.api-tool-mark{display:grid!important;place-items:center!important;width:18px!important;height:18px!important;flex:0 0 18px!important;border-radius:5px!important;font:700 7px/1 Inter,Arial,sans-serif!important}
.process-tool-monogram{background:var(--color-primary)!important;color:#FFF!important}
.api-tool-mark{background:#17171D!important;color:#C6C4BD!important;font-size:12px!important}
@media(max-width:680px){.process-tool-list{gap:8px!important}.process-tool{padding:8px 10px!important}.process-tool img,.process-tool-monogram,.api-tool-mark{width:17px!important;height:17px!important;flex-basis:17px!important}}
/* V8.18 requested alignment corrections only */
.process-tool-list>.process-tool{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;height:44px!important;min-height:44px!important;padding:0 16px!important;box-sizing:border-box!important;line-height:18px!important;white-space:nowrap!important;vertical-align:middle!important}
.process-tool-list>.process-tool>.process-tool-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;flex:0 0 18px!important;padding:0!important;margin:0!important;box-sizing:border-box!important;line-height:18px!important}
.process-tool-list>.process-tool>.process-tool-icon>img,.process-tool-list>.process-tool>.process-tool-icon>.process-tool-crm-icon,.process-tool-list>.process-tool>.process-tool-icon>.api-tool-mark{display:flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;min-width:18px!important;min-height:18px!important;max-width:18px!important;max-height:18px!important;flex:0 0 18px!important;padding:0!important;margin:0!important;box-sizing:border-box!important;object-fit:contain!important;line-height:18px!important}
.process-tool-list>.process-tool>.process-tool-icon>.process-tool-crm-icon svg{width:18px!important;height:18px!important;display:block!important;margin:0!important}
.process-tool-list>.process-tool>span:last-child{line-height:18px!important;padding:0!important;margin:0!important}
.consent-label{display:flex!important;align-items:flex-start!important;justify-content:flex-start!important;gap:8px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important;padding:0!important;line-height:1.5!important}
.consent-label input[type="checkbox"]{width:16px!important;height:16px!important;min-width:16px!important;flex:0 0 16px!important;margin:1px 0 0!important;padding:0!important;box-sizing:border-box!important}

/* V8.18 Hero typography — natural vertical line treatment only */
@media (min-width:721px){
  .nf-hero h1{max-width:920px!important;font-size:clamp(60px,6.5vw,100px)!important}
  .nf-hero h1 em{display:block!important;white-space:normal!important;line-height:inherit!important;margin-top:.07em!important}
}

/* V8.18 Hero top-gap fix — only requested spacing change */
@media (min-width:721px){
  .nf-hero{padding-top:45px!important}
}

/* V8.25 — root responsive layout fixes for hero, navigation and floating contact control */
.nf-hero{
  min-height:min(100vh,800px)!important;
  padding:clamp(45px,5vw,72px) 0!important;
  display:flex!important;
  align-items:center!important;
  box-sizing:border-box!important;
}
.nf-hero-inner{
  /* Match the site's .container geometry on desktop while using the requested fluid side padding on small screens. */
  width:min(calc(100% - 56px),1280px)!important;
  max-width:1280px!important;
  margin:0 auto!important;
  display:block!important;
}
.nf-hero-copy{
  width:100%!important;
  max-width:1000px!important;
  margin:0!important;
}
.nf-hero .eyebrow{
  font-size:clamp(12px,.85vw,14px)!important;
  line-height:1.4!important;
  letter-spacing:.16em!important;
  color:#F26A00!important;
  margin-bottom:clamp(10px,1.1vw,16px)!important;
}
.nf-hero h1{
  max-width:1000px!important;
  font-size:clamp(58px,6.2vw,96px)!important;
  line-height:.94!important;
  margin:0 0 clamp(22px,2.4vw,30px)!important;
  letter-spacing:-.065em!important;
}
.nf-hero h1 em{
  display:block!important;
  white-space:normal!important;
  line-height:inherit!important;
  margin-top:.04em!important;
}
.nf-hero-sub{
  max-width:780px!important;
  font-size:clamp(19px,1.45vw,22px)!important;
  line-height:1.6!important;
  color:#3F3C36!important;
  margin:0!important;
}
.nf-hero .hero-actions{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  flex-wrap:wrap!important;
  gap:clamp(12px,2vw,18px) clamp(18px,2.2vw,26px)!important;
  margin-top:clamp(22px,2.5vw,30px)!important;
}
.nf-hero .hero-actions .btn-ghost{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  text-indent:0!important;
  font-size:14px!important;
  line-height:50px!important;
  white-space:nowrap!important;
}
.nf-proof{
  padding-top:clamp(56px,6vw,76px)!important;
}

/* Keep the full navigation until it genuinely becomes cramped. */
@media (min-width:901px){
  .nav-links,.nav-cta{display:flex!important}
  .menu-toggle{display:none!important}
  .nav{gap:24px!important}
  .nav-links{gap:24px!important;margin-left:auto!important;white-space:nowrap!important}
  .nav-cta{margin-left:4px!important;white-space:nowrap!important}
}
@media (max-width:900px){
  .nav-links,.nav-cta{display:none!important}
  .menu-toggle{display:block!important}
}

/* Smaller screens keep the same natural flow without recreating a narrow desktop column. */
@media (max-width:720px){
  .nf-hero{
    min-height:min(100vh,800px)!important;
    padding:clamp(45px,7vw,64px) 0 clamp(42px,6vw,60px)!important;
  }
  .nf-hero-inner{
    width:min(calc(100% - (2 * clamp(16px,5vw,32px))),1280px)!important;
    max-width:1280px!important;
  }
  .nf-hero-copy{max-width:1000px!important}
  .nf-hero .eyebrow{
    font-size:clamp(12px,2.6vw,14px)!important;
    margin-bottom:clamp(8px,2.2vw,12px)!important;
  }
  .nf-hero h1{
    font-size:clamp(48px,13vw,68px)!important;
    line-height:.97!important;
    margin:0 0 clamp(20px,5vw,28px)!important;
  }
  .nf-hero h1 em{white-space:normal!important;line-height:inherit!important;margin-top:.04em!important}
  .nf-hero-sub{font-size:18px!important;line-height:1.58!important}
  .nf-hero .hero-actions{
    flex-direction:row!important;
    align-items:center!important;
    flex-wrap:wrap!important;
    gap:12px 18px!important;
    margin-top:clamp(20px,4.5vw,26px)!important;
  }
  .nf-hero .hero-actions .btn-ghost{line-height:48px!important;font-size:13px!important;white-space:normal!important}
  .nf-proof{padding-top:clamp(48px,8vw,64px)!important}
}
@media (max-width:430px){
  .nf-hero{padding-top:clamp(42px,8vw,54px)!important;padding-bottom:clamp(38px,6vw,50px)!important}
  .nf-hero h1{font-size:clamp(44px,12.8vw,58px)!important}
  .nf-hero .hero-actions{gap:10px 16px!important}
  .nf-hero .hero-actions .btn-ghost{line-height:46px!important}
}

/* Reserve a small document-level safe zone for the fixed WhatsApp control. */
main{padding-bottom:92px!important}
.floating-whatsapp{
  right:clamp(16px,2.2vw,28px)!important;
  bottom:max(20px,env(safe-area-inset-bottom))!important;
  z-index:120!important;
}
@media (max-width:680px){
  main{padding-bottom:84px!important}
  .floating-whatsapp{right:16px!important;bottom:max(16px,env(safe-area-inset-bottom))!important}
}

/* V8.27 — hero spacing refinement only */
.nf-hero .eyebrow{margin-bottom:clamp(3px,.35vw,5px)!important}
.nf-hero{padding-bottom:clamp(23px,2.5vw,36px)!important}
.nf-proof{padding-top:clamp(28px,3vw,38px)!important}
@media (max-width:720px){
  .nf-hero{padding-bottom:clamp(19px,3vw,25px)!important}
  .nf-proof{padding-top:clamp(24px,4vw,32px)!important}
}
@media (max-width:430px){
  .nf-hero{padding-bottom:clamp(19px,3vw,25px)!important}
  .nf-proof{padding-top:clamp(24px,4vw,30px)!important}
}

/* V8.29 — navbar → eyebrow gap only */
/* Keep the hero's internal typography spacing unchanged. The hero content starts from the
   same page container, with a small fluid offset below the navbar instead of being centered
   inside the viewport. */
.nf-hero{
  align-items:flex-start!important;
  padding-top:clamp(14px,1.5vw,22px)!important;
}
@media (max-width:720px){
  .nf-hero{
    align-items:flex-start!important;
    padding-top:clamp(13px,2.4vw,18px)!important;
  }
}
@media (max-width:430px){
  .nf-hero{
    padding-top:clamp(12px,2.8vw,16px)!important;
  }
}


/* V8.30 — reduce hero → social-proof transition by 50% only */
.nf-hero{padding-bottom:clamp(11.5px,1.25vw,18px)!important}
.nf-proof{padding-top:clamp(14px,1.5vw,19px)!important}
@media (max-width:720px){
  .nf-hero{padding-bottom:clamp(9.5px,1.5vw,12.5px)!important}
  .nf-proof{padding-top:clamp(12px,2vw,16px)!important}
}
@media (max-width:430px){
  .nf-hero{padding-bottom:clamp(9.5px,1.5vw,12.5px)!important}
  .nf-proof{padding-top:clamp(12px,2vw,15px)!important}
}


/* V8.31 — increase eyebrow → headline gap by 30% only */
.nf-hero .eyebrow{margin-bottom:clamp(3.9px,.455vw,6.5px)!important}
@media (max-width:720px){
  .nf-hero .eyebrow{margin-bottom:clamp(10.4px,2.86vw,15.6px)!important}
}
@media (max-width:430px){
  .nf-hero .eyebrow{margin-bottom:clamp(10.4px,3.64vw,15.6px)!important}
}

/* V8.32 — final requested spacing and mobile control fixes only */
/* 1. Restore comfortable navbar → hero spacing. */
.nf-hero{
  min-height:0!important;
  height:auto!important;
  padding-top:clamp(24px,5vw,48px)!important;
}

/* 2. Remove hero height-driven whitespace and use the requested transition spacing
   on tablet/mobile. */
@media (max-width:900px){
  .nf-hero{
    min-height:0!important;
    height:auto!important;
    padding-bottom:clamp(32px,6vw,72px)!important;
  }
  .nf-proof{
    padding-top:clamp(32px,6vw,72px)!important;
  }
}

/* 3. Keep both hero CTAs stacked, left-aligned, at every mobile width. */
@media (max-width:720px){
  .nf-hero .hero-actions{
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
  }
  .nf-hero .hero-actions .btn-ghost{
    align-self:flex-start!important;
  }
}

/* 4. Give mobile content a safe zone and keep the floating WhatsApp control
   clear of headings/text. */
@media (max-width:720px){
  main{padding-bottom:96px!important}
  .floating-whatsapp{
    width:48px!important;
    height:48px!important;
    right:16px!important;
    bottom:max(16px,env(safe-area-inset-bottom))!important;
  }
  .floating-whatsapp svg{width:24px!important;height:24px!important}
}

/* V8.33 — final requested spacing and floating WhatsApp refinements only */
/* 1. Increase navbar → hero spacing on all screen sizes. */
.nf-hero{
  padding-top:clamp(32px,6vw,96px)!important;
}

/* 2. Separate the hero from the following section on tablet and desktop. */
.nf-hero{
  padding-bottom:clamp(40px,6vw,96px)!important;
}

/* 3. Keep the floating WhatsApp control clear and slightly translucent. */
.floating-whatsapp{
  width:56px!important;
  height:56px!important;
  right:16px!important;
  bottom:max(16px,env(safe-area-inset-bottom))!important;
  opacity:.9!important;
}

@media (max-width:720px){
  .floating-whatsapp{
    width:48px!important;
    height:48px!important;
    right:16px!important;
    bottom:max(16px,env(safe-area-inset-bottom))!important;
    opacity:.9!important;
  }
  .floating-whatsapp svg{width:24px!important;height:24px!important}

  /* Keep content paragraphs clear of the floating control near the right edge. */
  .nf-section-intro>p,
  .nf-proof-copy p,
  .nf-proof-copy small,
  .nf-value-grid p,
  .nf-problem-list p{
    padding-right:64px!important;
  }
}


/* V8.34 — anchor offsets for sticky navigation */
.services-minimal[id="services"],
.pricing-new[id="pricing"]{scroll-margin-top:96px!important}
@media (max-width:900px){
  .services-minimal[id="services"],
  .pricing-new[id="pricing"]{scroll-margin-top:84px!important}
}


/* V8.37 — mobile navigation: closed by default, opaque when open. */
@media (max-width:900px){
  .mobile-menu{
    position:fixed!important;
    top:72px!important;
    left:0!important;
    right:0!important;
    display:none!important;
    grid-template-columns:1fr!important;
    gap:16px!important;
    padding:18px 15px 25px!important;
    background:#F7F5EF!important;
    border-top:1px solid rgba(13,13,13,.08)!important;
    border-bottom:1px solid rgba(13,13,13,.12)!important;
    box-shadow:0 14px 30px rgba(10,20,40,.08)!important;
    opacity:1!important;
    visibility:hidden!important;
    pointer-events:none!important;
    z-index:1000!important;
    max-height:calc(100vh - 72px)!important;
    overflow-y:auto!important;
  }
  .mobile-menu.is-open{
    display:grid!important;
    visibility:visible!important;
    pointer-events:auto!important;
  }
}
@media (max-width:680px){
  .mobile-menu{
    top:72px!important;
    padding:18px!important;
  }
}