/* Inter arrives from Google a moment after the page has already been drawn, and
   until it does the browser uses Arial — which is a different width and height,
   so every line of text shifts when the swap happens. On a machine where Inter
   is already installed this never shows; on everyone else's it moves the whole
   page a second after load, which is what made a freshly clicked link settle in
   the wrong place and then correct itself.
   This is Arial re-proportioned to occupy exactly the space Inter will, so the
   swap changes the shapes of the letters and nothing else. */
@font-face{
  font-family:'Inter Fallback';
  src:local('Arial');
  size-adjust:107.12%;
  ascent-override:90.20%;
  descent-override:22.48%;
  line-gap-override:0%;
}

body{font-family:'Inter','Inter Fallback',sans-serif;background:#050505;color:#e5e5e5;overflow-x:hidden}.pill-nav{background:rgba(255,255,255,.045);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.18);box-shadow:0 10px 40px rgba(0,0,0,.35)}.card-glow-container{position:relative;transition:transform .3s ease}.card-glow-container:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.16),rgba(180,180,180,.08),rgba(255,255,255,.2),rgba(255,255,255,.16));background-size:200% auto;animation:gradient-flow 7s linear infinite;z-index:-1;border-radius:1rem;filter:blur(18px);opacity:0;transition:opacity .4s ease}.card-glow-container:hover{transform:translateY(-5px)}.card-glow-container:hover:before{opacity:.22}.page-content{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.page-content.visible{opacity:1;transform:translateY(0)}#home{overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.08),transparent 34rem),linear-gradient(180deg,#050505 0%,#080808 58%,#050505 100%)}#neural-bg{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.72}.hero-content{position:relative;z-index:2;max-width:760px;margin:0 auto;padding:0 1rem}.hero-title{color:#fafafa;font-size:clamp(2.7rem,7vw,5.5rem);line-height:.98;letter-spacing:0;font-weight:700;text-shadow:0 0 40px rgba(255,255,255,.14)}.hero-subtitle{color:#c9c9c9;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.6;margin-top:1.5rem}#home:after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,#050505,transparent);z-index:1;pointer-events:none}.animated-button,.animated-gradient-text{background:linear-gradient(90deg,#fff,#a3a3a3,#f5f5f5,#fff);background-size:200% auto;animation:gradient-flow 7s linear infinite}.animated-gradient-text{-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.1em;margin-bottom:-.1em;display:inline-block}.animated-button,.pricing-button{color:#050505!important;border:1px solid rgba(255,255,255,.4);box-shadow:0 10px 35px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.45);transition:transform .2s ease-out,box-shadow .2s ease-out}.animated-button:hover,.pricing-button:hover{transform:scale(1.04);box-shadow:0 14px 45px rgba(255,255,255,.13),inset 0 1px 0 rgba(255,255,255,.55)}.animated-button:disabled{background:#555;cursor:not-allowed;transform:none}.pricing-button{background:linear-gradient(90deg,#fff,#b8b8b8,#f7f7f7,#fff);background-size:200% auto;animation:gradient-flow 7s linear infinite}@keyframes gradient-flow{0%{background-position:200% center}100%{background-position:0% center}}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:spin 1s linear infinite}.input-error{border-color:#ef4444!important;animation:shake .5s}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.detail-page{display:none}.detail-page.active{display:block}.main-content.hidden-by-detail{display:none}.detail-section{margin-top:4rem;padding-top:4rem;border-top:1px solid rgba(255,255,255,.1)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(10px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none;padding:1rem}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-content{position:relative;background:#111;border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;padding:1.5rem;width:100%;max-width:700px;transform:scale(.95);transition:transform .3s ease;box-shadow:0 24px 80px rgba(0,0,0,.55)}@media(min-width:640px){.modal-content{padding:2.5rem}.modal-close-btn{top:1.5rem;right:1.5rem}}.modal-overlay.active .modal-content{transform:scale(1)}.modal-close-btn{position:absolute;top:1rem;right:1rem;cursor:pointer;color:#9ca3af;transition:color .2s}.modal-close-btn:hover{color:#fff}#roi-result{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);padding:1.5rem;border-radius:1rem;margin-top:1.5rem}#roi-result strong{color:white;font-weight:600}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:#e5e5e5!important;-webkit-box-shadow:0 0 0 30px #050505 inset!important;transition:background-color 5000s ease-in-out 0s}#cookie-banner{position:fixed;bottom:-200px;left:50%;transform:translateX(-50%);transition:bottom .5s ease-in-out;z-index:2000;width:90%}#cookie-banner.visible{bottom:1.5rem}#header-subtitle{transition:opacity .4s ease-out,transform .4s ease-out}#header-subtitle.fade-out,#scroll-indicator.fade-out{opacity:0;pointer-events:none}#scroll-indicator{opacity:.6;transition:opacity .4s ease-out;color:#d4d4d4}@keyframes levitate{0%,100%{transform:translateY(-8px)}50%{transform:translateY(8px)}}.animate-levitate{animation:levitate 3s ease-in-out infinite}#scroll-indicator .levitate-text{animation:levitate-text 3s ease-in-out infinite}@keyframes levitate-text{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}#error-message-display{position:fixed;top:20px;left:50%;transform:translateX(-50%);background:#ef4444;color:white;padding:15px 25px;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);z-index:9999;text-align:center;font-size:1rem;display:none}.bg-\[\#0a0a0a\]{background-color:#050505!important}.bg-\[\#121212\]{background-color:#101010!important}.bg-\[\#1f2937\]{background-color:#181818!important}.bg-indigo-600\/20,.bg-indigo-600\/10{background-color:rgba(255,255,255,.06)!important}.border-indigo-500\/30{border-color:rgba(255,255,255,.16)!important}.text-indigo-400{color:#d4d4d4!important}.hover\:text-indigo-300:hover{color:#fff!important}.hover\:border-indigo-500:hover,.has-\[\:checked\]\:border-indigo-500:has(:checked){border-color:rgba(255,255,255,.52)!important}.has-\[\:checked\]\:ring-indigo-500:has(:checked),.focus\:ring-indigo-500:focus{--tw-ring-color:rgba(255,255,255,.45)!important}input[type="checkbox"].text-indigo-600{color:#f5f5f5!important}@media(max-width:767px){.hero-content{padding-top:4rem}.hero-title{font-size:clamp(2.35rem,12vw,3.5rem)}#neural-bg{opacity:.55}}
#site-neural-bg{position:fixed;inset:0;width:100vw;height:100vh;z-index:-3;pointer-events:none;opacity:.9;background:#050505}.site-depth-layer{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.16),transparent 28rem),radial-gradient(circle at 12% 68%,rgba(255,255,255,.06),transparent 22rem),linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);background-size:auto,auto,64px 64px,64px 64px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.92),rgba(0,0,0,.42));}body{background:#050505!important}header,main,footer{position:relative;z-index:1}.modal-overlay,#cookie-banner,#error-message-display{z-index:2000}.bg-\[\#0a0a0a\],.bg-\[\#121212\],footer{background-color:rgba(5,5,5,.82)!important}.bg-\[\#121212\]{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}#home{background:transparent!important}.hero-title{font-size:clamp(2.8rem,6vw,5rem)!important;line-height:1.04!important;font-weight:700!important}.hero-subtitle{margin-top:1.35rem!important}#home:after{height:120px!important;background:linear-gradient(to top,rgba(5,5,5,.78),transparent)!important}.animated-gradient-text{-webkit-text-fill-color:transparent}.card-glow-container:before{background:linear-gradient(90deg,rgba(255,255,255,.1),rgba(255,255,255,.025),rgba(255,255,255,.16))!important}.animated-button,.pricing-button{background:linear-gradient(180deg,#fff,#cfcfcf)!important;animation:none!important}.animated-gradient-text{background:linear-gradient(90deg,#fff,#b9b9b9,#f4f4f4)!important;background-clip:text!important;-webkit-background-clip:text!important;animation:none!important}@media(max-width:767px){#site-neural-bg{opacity:.72}.site-depth-layer{background-size:auto,auto,46px 46px,46px 46px}.hero-title{font-size:clamp(2.35rem,11vw,3.6rem)!important}}/* Premium readability and stronger neural field pass */
#site-neural-bg{z-index:0!important;opacity:1!important;background:#030303!important}.site-depth-layer{z-index:0!important;background:radial-gradient(circle at 50% 12%,rgba(255,255,255,.2),transparent 30rem),radial-gradient(circle at 82% 36%,rgba(255,255,255,.08),transparent 22rem),radial-gradient(circle at 12% 76%,rgba(255,255,255,.075),transparent 24rem),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)!important;background-size:auto,auto,auto,58px 58px,58px 58px!important;opacity:.78!important;mask-image:linear-gradient(to bottom,rgba(0,0,0,.96),rgba(0,0,0,.72))!important}header,main,footer,#cookie-banner,.modal-overlay,#error-message-display{position:relative;z-index:2}.modal-overlay,#cookie-banner,#error-message-display{z-index:2000!important}.bg-\[\#0a0a0a\],.bg-\[\#121212\],footer{background-color:rgba(3,3,3,.72)!important}.page-content,.detail-page>.container{position:relative;z-index:2}#home{min-height:100svh!important;padding-top:8rem;padding-bottom:5rem}.hero-content{max-width:min(1080px,92vw)!important;display:flex;flex-direction:column;align-items:center}.hero-title{font-size:clamp(3.35rem,6.4vw,6.75rem)!important;line-height:1.02!important;white-space:nowrap!important;text-wrap:balance;text-shadow:0 0 52px rgba(255,255,255,.2),0 8px 60px rgba(0,0,0,.55)}.hero-subtitle{font-size:clamp(1.2rem,2.15vw,1.65rem)!important;line-height:1.55!important;margin-top:1.45rem!important;color:rgba(245,245,245,.78)!important;max-width:760px}.detail-glass-card,#idea-result{background:rgba(5,5,5,.58)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:1.35rem!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;box-shadow:0 18px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.075)!important}.detail-glass-card{padding:1.35rem 1.45rem;margin-top:1rem}.detail-section{border-top:1px solid rgba(255,255,255,.13)!important}.detail-section h2{display:inline-block;background:rgba(5,5,5,.5);border:1px solid rgba(255,255,255,.12);border-radius:1rem;padding:.8rem 1rem;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.detail-section ul,.detail-section>p,.detail-section.text-center>p{background:rgba(5,5,5,.58)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:1.35rem!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;box-shadow:0 18px 70px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.075)!important;padding:1.35rem 1.45rem}.detail-section.text-center{display:flex;flex-direction:column;align-items:center}.detail-section.text-center>p{width:100%}#ai-idea-generator{border-top-color:rgba(255,255,255,.13)!important}#idea-title{display:inline-block;position:relative;left:50%;transform:translateX(-50%);background:rgba(5,5,5,.5);border:1px solid rgba(255,255,255,.12);border-radius:1rem;padding:.8rem 1rem;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}#idea-result{padding:1.35rem 1.45rem!important}.pill-nav{background:rgba(5,5,5,.52)!important;border-color:rgba(255,255,255,.2)!important}.animated-button,.pricing-button{box-shadow:0 0 34px rgba(255,255,255,.11),inset 0 1px 0 rgba(255,255,255,.5)!important}@media(max-width:767px){#home{padding-top:9rem;padding-bottom:4rem}.hero-title{font-size:clamp(2.75rem,14vw,4.3rem)!important;white-space:normal!important}.hero-subtitle{font-size:clamp(1.1rem,4.4vw,1.35rem)!important}.hero-label{border-radius:1.25rem!important;padding:.8rem 1rem!important}.site-depth-layer{background-size:auto,auto,auto,44px 44px,44px 44px!important;opacity:.62!important}.detail-glass-card,.detail-glass-title,.detail-section ul,.detail-section>p,.detail-section.text-center>p,#idea-result{padding:1.1rem 1rem!important;border-radius:1rem!important}}#cookie-banner{position:fixed!important}.modal-overlay{position:fixed!important}#error-message-display{position:fixed!important}/* Final readability and calm-motion refinements */
#services h2,#about h1,#about h2,#roi-cta h2,#pricing h2,#faq h2,#booking h1,#services-detail h1,#services-detail h2{color:#f4f4f4!important;-webkit-text-fill-color:#f4f4f4!important;background:none!important;text-shadow:0 0 30px rgba(255,255,255,.13),0 10px 40px rgba(0,0,0,.5)!important}.main-content section h3,.detail-page h3{color:#f7f7f7!important;-webkit-text-fill-color:#f7f7f7!important}.animated-gradient-text{color:#f4f4f4!important;-webkit-text-fill-color:#f4f4f4!important;background:none!important}.detail-glass-card{display:inline-block!important;width:fit-content!important;max-width:min(100%,860px)!important;margin-right:auto!important}.detail-section ul,.detail-section>p{display:inline-block!important;width:fit-content!important;max-width:min(100%,860px)!important}.detail-section.text-center>p{display:inline-block!important;width:fit-content!important;max-width:min(100%,760px)!important;margin-left:auto!important;margin-right:auto!important}#idea-result{width:fit-content!important;max-width:min(100%,760px)!important;margin-left:auto!important;margin-right:auto!important}.bg-\[\#121212\],.modal-content,#cookie-banner{color:#e5e5e5!important}.bg-\[\#121212\] h1,.bg-\[\#121212\] h2,.bg-\[\#121212\] h3,.bg-\[\#121212\] h4{color:#f6f6f6!important;-webkit-text-fill-color:#f6f6f6!important}@media(max-width:767px){.detail-glass-card,.detail-section ul,.detail-section>p,.detail-section.text-center>p,#idea-result{max-width:100%!important;width:auto!important}.detail-glass-title{width:auto!important}}/* Unified glass system and Key Features polish */
:root{--glass-bg:rgba(18,18,18,.66);--glass-bg-soft:rgba(24,24,24,.54);--glass-border:rgba(255,255,255,.2);--glass-shadow:0 20px 74px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.12);--glass-radius:1.35rem}.detail-glass-card,#idea-result,.detail-section>p,.detail-section.text-center>p,.detail-section ul{background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;border-radius:var(--glass-radius)!important;backdrop-filter:blur(18px) saturate(1.08)!important;-webkit-backdrop-filter:blur(18px) saturate(1.08)!important;box-shadow:var(--glass-shadow)!important;color:rgba(245,245,245,.9)!important}.detail-glass-card,.detail-section>p,.detail-section.text-center>p,#idea-result{padding:1.25rem 1.35rem!important}.detail-section h2{color:#f6f6f6!important;-webkit-text-fill-color:#f6f6f6!important;background:var(--glass-bg)!important;border:1px solid var(--glass-border)!important;border-radius:1rem!important;box-shadow:var(--glass-shadow)!important;margin-bottom:1.25rem!important}.detail-section ul{display:grid!important;gap:.85rem!important;width:fit-content!important;max-width:min(100%,880px)!important;padding:1rem!important;list-style:none!important}.detail-section ul li{display:flex!important;align-items:flex-start!important;gap:.85rem!important;margin:0!important;padding:.88rem 1rem!important;border-radius:1rem!important;background:var(--glass-bg-soft)!important;border:1px solid rgba(255,255,255,.14)!important;color:rgba(238,238,238,.9)!important;line-height:1.55!important}.detail-section ul li svg{margin:0!important;flex:0 0 1.35rem!important;width:1.35rem!important;height:1.35rem!important;color:#ededed!important;stroke:#ededed!important;opacity:.9}.detail-section ul li span{display:block!important;color:rgba(242,242,242,.92)!important}.detail-glass-card{margin-top:0!important}.detail-glass-card br{line-height:1.9}.main-content .bg-\[\#121212\],#cookie-banner,.modal-content{background:var(--glass-bg)!important;border-color:var(--glass-border)!important;box-shadow:var(--glass-shadow)!important;backdrop-filter:blur(18px) saturate(1.08)!important;-webkit-backdrop-filter:blur(18px) saturate(1.08)!important}#site-neural-bg{filter:drop-shadow(0 0 10px rgba(255,255,255,.08))}.site-depth-layer{background:radial-gradient(circle at 50% 16%,rgba(255,255,255,.22),transparent 30rem),radial-gradient(circle at 84% 34%,rgba(255,255,255,.085),transparent 21rem),radial-gradient(circle at 14% 78%,rgba(255,255,255,.085),transparent 24rem),repeating-linear-gradient(115deg,rgba(255,255,255,.026) 0 1px,transparent 1px 7px),linear-gradient(rgba(255,255,255,.046) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.046) 1px,transparent 1px)!important;background-size:auto,auto,auto,auto,60px 60px,60px 60px!important;opacity:.86!important}@media(max-width:767px){.detail-section ul{width:100%!important;padding:.85rem!important}.detail-section ul li{padding:.8rem .85rem!important}.site-depth-layer{background-size:auto,auto,auto,auto,46px 46px,46px 46px!important;opacity:.66!important}}/* Performance pass: natural About/Services cards and lighter canvas */
#services .bg-\[\#121212\],#about .bg-\[\#121212\]{background:#101010!important;border:1px solid rgba(255,255,255,.1)!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}#services .card-glow-container:before,#about .card-glow-container:before{filter:blur(10px)!important;opacity:0!important}#services .card-glow-container:hover:before,#about .card-glow-container:hover:before{opacity:.12!important}#services p,#about p{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.site-depth-layer{opacity:.58!important;background:radial-gradient(circle at 50% 16%,rgba(255,255,255,.13),transparent 28rem),radial-gradient(circle at 82% 34%,rgba(255,255,255,.045),transparent 20rem),linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px)!important;background-size:auto,auto,74px 74px,74px 74px!important}#site-neural-bg{opacity:.82!important;filter:none!important}.modal-content,#cookie-banner{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:0 16px 48px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.1)!important}.detail-glass-card,#idea-result,.detail-section>p,.detail-section.text-center>p,.detail-section ul{backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:0 16px 48px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.1)!important}@media(max-width:767px){.site-depth-layer{opacity:.42!important;background-size:auto,auto,54px 54px,54px 54px!important}#site-neural-bg{opacity:.62!important}}/* Final cleanup: restore natural text, previous neural backdrop, smoother cards */
.site-depth-layer{background:radial-gradient(circle at 50% 16%,rgba(255,255,255,.22),transparent 30rem),radial-gradient(circle at 84% 34%,rgba(255,255,255,.085),transparent 21rem),radial-gradient(circle at 14% 78%,rgba(255,255,255,.085),transparent 24rem),repeating-linear-gradient(115deg,rgba(255,255,255,.026) 0 1px,transparent 1px 7px),linear-gradient(rgba(255,255,255,.046) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.046) 1px,transparent 1px)!important;background-size:auto,auto,auto,auto,60px 60px,60px 60px!important;opacity:.72!important;filter:none!important;mask-image:linear-gradient(to bottom,rgba(0,0,0,.94),rgba(0,0,0,.68))!important}#site-neural-bg{opacity:.76!important;filter:none!important}.detail-glass-card,#services-content-wrapper>h1,#services-content-wrapper>p,.detail-section>p,.detail-section.text-center>p,.detail-section ul,#idea-result{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;width:auto!important;max-width:none!important;color:inherit!important}.detail-section h2,#idea-title{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important;color:#f4f4f4!important;-webkit-text-fill-color:#f4f4f4!important}.detail-section ul{display:grid!important;gap:1.25rem!important;list-style:none!important}.detail-section ul li{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;display:flex!important;align-items:flex-start!important;gap:1rem!important;color:#d4d4d4!important}.detail-section ul li svg{margin-top:.15rem!important;flex:0 0 1.35rem!important;width:1.35rem!important;height:1.35rem!important;color:#d4d4d4!important;stroke:#d4d4d4!important}.detail-section.text-center{display:block!important;text-align:center!important}.detail-section.text-center>p{max-width:42rem!important;margin-left:auto!important;margin-right:auto!important}.main-content .bg-\[\#121212\],#booking .bg-\[\#121212\],#cookie-banner,.modal-content{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 12px 34px rgba(0,0,0,.24)!important}.card-glow-container:before{filter:blur(8px)!important}.card-glow-container:hover:before{opacity:.12!important}@media(max-width:767px){.site-depth-layer{opacity:.48!important;background-size:auto,auto,auto,auto,46px 46px,46px 46px!important}#site-neural-bg{opacity:.55!important}.detail-section ul{gap:1rem!important}}/* Navigation polish, Pro Tip-only glass, and text readability halos */
.main-content,.detail-page{transition:opacity .28s ease,transform .28s ease}.detail-section.text-center{margin-top:4.5rem!important;text-align:center!important}.detail-section.text-center>p{display:block!important;margin:0 auto 1.75rem!important;max-width:42rem!important}.detail-section.text-center>a.animated-button{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important}.detail-section.text-center .animated-button{float:none!important}#ai-idea-generator{position:relative;z-index:2}#idea-title{display:table!important;margin:0 auto 1.5rem!important;left:auto!important;transform:none!important;background:rgba(18,18,18,.66)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:1rem!important;box-shadow:0 16px 48px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.1)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;padding:.85rem 1.15rem!important;color:#f4f4f4!important;-webkit-text-fill-color:#f4f4f4!important}#idea-result{background:rgba(18,18,18,.66)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:1.25rem!important;box-shadow:0 16px 48px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.1)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;padding:1.35rem 1.45rem!important;color:#e5e5e5!important}.hero-content,.page-content>.text-center,.detail-page .container>div:not(.mt-16),#services-content-wrapper,.modal-content,#booking .container>.text-center{position:relative}.hero-content:before,.page-content>.text-center:before,#services-content-wrapper:before,#booking .container>.text-center:before{content:'';position:absolute;inset:-2rem -3rem;z-index:-1;pointer-events:none;background:radial-gradient(circle at center,rgba(0,0,0,.72),rgba(0,0,0,.36) 48%,transparent 72%);border-radius:2rem}.page-content>.grid,.max-w-4xl.mx-auto.space-y-6,.max-w-7xl.mx-auto,.max-w-3xl.mx-auto{position:relative}.page-content>.grid:before,.max-w-4xl.mx-auto.space-y-6:before,.max-w-7xl.mx-auto:before,.max-w-3xl.mx-auto:before{content:'';position:absolute;inset:-1.5rem;z-index:-1;pointer-events:none;background:radial-gradient(circle at center,rgba(0,0,0,.42),transparent 72%);border-radius:2rem}@media(max-width:767px){.hero-content:before,.page-content>.text-center:before,#services-content-wrapper:before,#booking .container>.text-center:before{inset:-1.2rem;background:radial-gradient(circle at center,rgba(0,0,0,.76),rgba(0,0,0,.38) 54%,transparent 76%)}.detail-section.text-center{margin-top:3.5rem!important}}/* Clean typography and clearer lightweight page transitions */
h1,h2,h3,h4,h5,h6,p,span,a,li,button,label,.animated-gradient-text,.hero-title,.hero-subtitle{ text-shadow:none!important; -webkit-text-stroke:0!important; filter:none!important; }
#services h2,#about h1,#about h2,#roi-cta h2,#pricing h2,#faq h2,#booking h1,#services-detail h1,#services-detail h2,.hero-title{ text-shadow:none!important; }
.main-content,.detail-page{ transition:opacity .46s ease,transform .46s ease!important; will-change:opacity,transform; }

body::after{ content:''; position:fixed; inset:0; z-index:1800; pointer-events:none; background:rgba(0,0,0,0); transition:background .46s ease; }

.animated-button,.pricing-button{ transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease!important; }
@media(max-width:767px){ body.view-transitioning .main-content,body.view-transitioning .detail-page.active{ transform:translateY(18px) scale(.99)!important; } body.view-transitioning::after{ background:rgba(0,0,0,.26); } }/* Remove unwanted hero text panel while preserving CTA bubble */
.hero-content::before{content:none!important;display:none!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hero-content{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.hero-title,.hero-subtitle{background:transparent!important;box-shadow:none!important;filter:none!important;text-shadow:none!important}/* Remove accidental text-area overlays and custom page-transition visuals */
.hero-content::before,.page-content>.text-center::before,#services-content-wrapper::before,#booking .container>.text-center::before,.page-content>.grid::before,.max-w-4xl.mx-auto.space-y-6::before,.max-w-7xl.mx-auto::before,.max-w-3xl.mx-auto::before{content:none!important;display:none!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.page-content>.text-center,#services-content-wrapper,#booking .container>.text-center,.page-content>.grid,.max-w-4xl.mx-auto.space-y-6,.max-w-7xl.mx-auto,.max-w-3xl.mx-auto{background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.main-content,.detail-page{transition:none!important;transform:none!important;will-change:auto!important}body::after{content:none!important;display:none!important;background:transparent!important}.detail-page .container>div:not(.mt-16)::before,.detail-page .container>div:not(.mt-16)::after{content:none!important;display:none!important}/* Smoothness pass: lightweight view and modal entry animations */
.detail-page.active>.container{animation:viewIn .34s ease both}.main-content:not(.hidden-by-detail){animation:viewIn .3s ease both}@keyframes viewIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{transition:opacity .24s ease!important}.modal-content{transition:transform .24s ease,opacity .24s ease!important;opacity:0;transform:translateY(10px) scale(.97)!important}.modal-overlay.active .modal-content{opacity:1;transform:translateY(0) scale(1)!important}.animated-button,.pricing-button,.nav-link{transition:transform .2s ease,border-color .2s ease,background-color .2s ease,color .2s ease,opacity .2s ease!important}.animated-button:hover,.pricing-button:hover{transform:translateY(-1px) scale(1.02)!important}.page-content{transition:opacity .5s ease-out,transform .5s ease-out!important}.modal-close-btn{z-index:2}.modal-close-btn svg{pointer-events:none}
@media (prefers-reduced-motion: reduce){.detail-page.active>.container,.main-content:not(.hidden-by-detail){animation:none!important}.modal-content,.modal-overlay,.page-content,.animated-button,.pricing-button,.nav-link{transition:none!important}}/* Reliable modal close target and smooth page state transitions */
#roi-modal-close,[data-roi-close]{pointer-events:auto!important;z-index:10!important;display:flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;padding:.25rem!important}.view-fading-out{opacity:.18!important;transform:translateY(10px)!important}.view-fading-in{animation:viewIn .32s cubic-bezier(.22,1,.36,1) both!important}.main-content,.detail-page.active>.container{transition:opacity .22s ease-out,transform .22s ease-out!important}.detail-page.active>.container,.main-content:not(.hidden-by-detail){will-change:opacity,transform}#services-detail.active>.container,#booking.active>.container{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}body.roi-modal-open{overflow:hidden!important}body.roi-modal-open header{opacity:0!important;visibility:hidden!important;pointer-events:none!important}body.roi-modal-open [class*="voiceflow"],body.roi-modal-open [id*="voiceflow"],body.roi-modal-open iframe[src*="voiceflow"]{visibility:hidden!important;pointer-events:none!important}#roi-modal{position:fixed!important;inset:0!important;z-index:2147483647!important;align-items:center!important;justify-content:center!important;background:rgba(0,0,0,.78)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;padding:1.25rem!important}#roi-modal.active{display:flex!important;opacity:1!important;pointer-events:auto!important}#roi-modal .modal-content{position:relative!important;z-index:1!important;margin:auto!important;max-height:calc(100svh - 2.5rem)!important;overflow-y:auto!important}#roi-modal [data-roi-close]{position:absolute!important;z-index:2!important;pointer-events:auto!important}@media(prefers-reduced-motion:reduce){.view-fading-out,.view-fading-in{animation:none!important;transition:none!important;opacity:1!important;transform:none!important}}
/* Responsive compatibility layer - preserves the provided visual design */
*,*::before,*::after{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}body{-webkit-text-size-adjust:100%}canvas,svg{max-width:100%}.pill-nav{max-width:100%;scrollbar-width:none}.pill-nav::-webkit-scrollbar{display:none}.nav-link,.animated-button,.pricing-button,button,label[for]{touch-action:manipulation}.animated-button,.pricing-button,.modal-close-btn{min-height:44px}.card-glow-container>div,.bg-\[\#121212\],input,textarea{min-width:0}.modal-content{max-height:calc(100svh - 2rem);overflow-y:auto}.modal-close-btn{min-width:44px;display:flex;align-items:center;justify-content:center}#cookie-banner{width:min(90vw,32rem)}
@media(min-width:1536px){.container{max-width:1280px!important}.max-w-7xl{max-width:80rem!important}.hero-content{max-width:min(1080px,92vw)!important}}
@media(max-width:1279px){#pricing .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.container{max-width:100%!important}}
@media(max-width:1023px){header{padding:1rem!important}header>.container{gap:.85rem!important}.pill-nav{max-width:calc(100vw - 2rem);overflow-x:auto}#about .grid,#booking .grid{gap:1.25rem!important}#pricing .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.hero-title{font-size:clamp(2.75rem,8vw,5rem)!important}.hero-subtitle{font-size:clamp(1.1rem,2.7vw,1.45rem)!important}.modal-content{width:min(100%,700px)}}
@media(max-width:767px){header{padding:.75rem!important}header>.container{grid-template-columns:1fr auto!important;gap:.75rem!important;align-items:center!important}.pill-nav{width:calc(100vw - 2rem)!important;max-width:calc(100vw - 2rem)!important;padding:.45rem .75rem!important}header nav ul{align-items:center!important}header nav ul>li:not(:first-child){margin-left:1rem!important}header nav a{display:inline-flex;align-items:center;min-height:38px;font-size:.875rem!important}header .text-3xl,header .md\:text-4xl{font-size:1.8rem!important;line-height:1!important}header .animated-button{width:auto!important;white-space:nowrap!important;padding:.65rem .95rem!important;font-size:.875rem!important;line-height:1.1!important}#home{min-height:100svh!important;padding-top:8.75rem!important;padding-bottom:4rem!important}.hero-content{padding:0 .75rem!important;max-width:100%!important}.hero-title{font-size:clamp(2.35rem,12vw,4rem)!important;line-height:1.05!important;white-space:normal!important}.hero-subtitle{font-size:clamp(1.02rem,4.2vw,1.25rem)!important;line-height:1.5!important;margin-top:1rem!important}.hero-label{max-width:calc(100vw - 2rem)!important;text-align:center!important;padding:.78rem 1rem!important;border-radius:1.15rem!important}#scroll-indicator{display:none!important}#services,#about,#roi-cta,#pricing,#faq{padding-top:4rem!important;padding-bottom:4rem!important}.page-content{transform:translateY(18px)}.text-4xl,.md\:text-6xl{font-size:clamp(2.2rem,9.5vw,3.15rem)!important;line-height:1.1!important}.text-3xl,.md\:text-5xl{font-size:clamp(1.9rem,8vw,2.65rem)!important;line-height:1.12!important}.text-2xl{font-size:1.35rem!important;line-height:1.25!important}.text-xl,.md\:text-2xl{font-size:1.05rem!important;line-height:1.6!important}#services .grid,#about .grid,#pricing .grid,#booking .grid{grid-template-columns:1fr!important;gap:1rem!important}.card-glow-container:hover{transform:none!important}.card-glow-container>div,#booking .bg-\[\#121212\],#faq .bg-\[\#121212\]{padding:1.25rem!important;border-radius:1rem!important}#pricing .text-5xl{font-size:2.55rem!important;line-height:1!important}#pricing .mb-6 span.text-gray-400{display:block;margin-top:.35rem;line-height:1.4}.pricing-button,#roi-cta .animated-button,#booking .animated-button,#submit-button{width:100%!important;justify-content:center!important;text-align:center!important}.detail-section.text-center .animated-button{width:auto!important;max-width:100%!important}.detail-page{padding-top:6.75rem!important;padding-bottom:4rem!important}.detail-section{margin-top:3rem!important;padding-top:3rem!important}.detail-section ul{gap:1rem!important}.detail-section ul li{gap:.75rem!important}.detail-section ul li svg{width:1.15rem!important;height:1.15rem!important;flex-basis:1.15rem!important}#ai-idea-generator{margin-top:3.5rem!important;padding-top:2.5rem!important}#idea-title{font-size:1.35rem!important}#idea-result{min-height:auto!important;padding:1rem!important}.modal-overlay,#roi-modal{align-items:flex-start!important;padding:1rem!important;overflow-y:auto}.modal-content,#roi-modal .modal-content{width:min(100%,calc(100vw - 2rem))!important;max-height:none!important;margin:1.5rem auto!important;padding:1.25rem!important;border-radius:1rem!important}.modal-close-btn{top:.55rem!important;right:.55rem!important}.modal-close-btn svg{width:1.5rem!important;height:1.5rem!important}#booking .mt-16{margin-top:3rem!important}#booking-form input,#booking-form textarea,#booking-form label.flex{font-size:1rem!important}#booking-form label.flex{min-height:48px}footer{padding-top:3.5rem!important;padding-bottom:3.5rem!important}.brand-text{font-size:2rem!important}#cookie-banner{width:calc(100vw - 2rem)!important;padding:1rem!important}#cookie-banner.visible{bottom:1rem!important}}
@media(max-width:420px){header>.container{grid-template-columns:1fr!important;text-align:center!important}header .justify-self-start,header .justify-self-end{justify-self:center!important}header .flex.flex-col{grid-column:1!important;width:100%!important}.pill-nav{width:100%!important;max-width:100%!important}.hero-title{font-size:clamp(2.05rem,12vw,3rem)!important}.hero-label{font-size:.9rem!important}.container{padding-left:.875rem!important;padding-right:.875rem!important}.card-glow-container>div,#booking .bg-\[\#121212\],#faq .space-y-6>div{padding:1rem!important}.modal-content,#roi-modal .modal-content{width:min(100%,calc(100vw - 1.5rem))!important;padding:1rem!important}.text-5xl{font-size:2.25rem!important}.pricing-button,.animated-button{padding-left:1rem!important;padding-right:1rem!important}.detail-page{padding-top:7rem!important}.hero-subtitle{max-width:20rem}}
@media(max-width:340px){header nav a{font-size:.8rem!important}.pill-nav{padding:.35rem .5rem!important}header nav ul>li:not(:first-child){margin-left:.75rem!important}.hero-title{font-size:1.95rem!important}.hero-subtitle{font-size:.95rem!important}.hero-label{font-size:.85rem!important;padding:.7rem .85rem!important}.animated-button{font-size:.8rem!important}.container{padding-left:.75rem!important;padding-right:.75rem!important}}
@media(hover:none){.card-glow-container:hover,.animated-button:hover,.pricing-button:hover,.hero-label:hover{transform:none!important}.card-glow-container:hover:before{opacity:0!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.page-content{opacity:1!important;transform:none!important}.animate-levitate,#scroll-indicator .levitate-text,.spinner{animation:none!important}.card-glow-container:before{animation:none!important}}
#idea-title .pro-tip-icon{width:1.08em;height:1.08em;margin-right:.45rem;vertical-align:-.16em;color:#d4d4d4;stroke:currentColor;display:inline-block;flex:0 0 auto;filter:drop-shadow(0 0 8px rgba(255,255,255,.32)) drop-shadow(0 0 2px rgba(255,255,255,.22));}#idea-title span{vertical-align:middle}#ai-idea-generator>p,#idea-result p{font-family:'Inter','Inter Fallback',sans-serif!important;font-size:1.25rem!important;line-height:1.625!important;font-weight:400!important;color:#d1d5db!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}#ai-idea-generator>p{margin-top:0!important;margin-bottom:1.5rem!important}#idea-result{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;padding:0!important}#idea-result p{margin:0!important}#services .card-glow-container svg,#about .card-glow-container svg{filter:drop-shadow(0 0 8px rgba(255,255,255,.24)) drop-shadow(0 0 2px rgba(255,255,255,.18));}
.brand-text{background:linear-gradient(90deg,#fff,#b9b9b9,#f4f4f4)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;padding-bottom:.1em;margin-bottom:-.1em;display:inline-block;text-decoration:none!important}[src="./cortex-192.png"]{display:block!important;width:50px!important;height:50px!important;min-width:50px!important;min-height:50px!important;object-fit:contain!important;object-position:center center!important;border-radius:50%!important;margin:0!important;padding:0!important;transform:translateY(.5px)!important}#how-modal .modal-content{max-width:560px}#how-modal-example{border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);border-radius:.85rem;padding:1rem;color:#d4d4d4}@media(max-width:767px){.brand-text{font-size:2rem!important}.cortex-chatbot-icon,img.cortex-chatbot-icon,[src="./cortex-192.png"]{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important}.how-card{padding:1.15rem}.how-micro{min-height:4.25rem}}

/* Premium How It Works workflow */
#how-it-works{position:relative}@media(max-width:1023px){.how-system:before{display:none}.how-card{min-height:13.5rem}.how-detail-grid{grid-template-columns:1fr;gap:2rem}.how-detail-visual{max-width:100%}}@media(max-width:767px){#how-it-works{padding-top:4rem!important;padding-bottom:4rem!important}.how-flow{position:relative;gap:1.25rem!important}.how-flow:before{content:'';position:absolute;left:1.03rem;top:1.25rem;bottom:1.25rem;width:1px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.2),rgba(255,255,255,.08),transparent)}.how-card{min-height:12.5rem!important;padding:1rem!important}.how-node{width:2.05rem;height:2.05rem;margin-bottom:.9rem}.how-card-title{font-size:1rem}.how-card-copy{font-size:.9rem}.how-visual{height:4.35rem!important}.how-detail-visual .how-visual{height:9rem!important}.how-detail-panel{padding:1rem}}
.cortex-process-section{
  position:relative;
  padding:5.25rem 1rem;
  background:transparent;
  overflow:hidden;
}

.cortex-process-wrap{
  position:relative;
  z-index:2;
  width:100%;
  max-width:92rem;
  margin:0 auto;
}

.cortex-process-kicker{
  width:fit-content;
  margin:0 auto 1.35rem;
  padding:.75rem 1.75rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.2);
  background:rgba(5,5,5,.48);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  color:#f4f4f4;
  font-size:.82rem;
  font-weight:700;
  letter-spacing:.22em;
}

.cortex-process-title{
  margin:0;
  text-align:center;
  color:#f4f4f4;
  font-size:clamp(2.45rem,5vw,4.8rem);
  line-height:1.02;
  font-weight:800;
  letter-spacing:-.055em;
}

.cortex-process-subtitle{
  max-width:48rem;
  margin:1.25rem auto 3rem;
  text-align:center;
  color:#bdbdbd;
  font-size:clamp(1rem,1.8vw,1.3rem);
  line-height:1.55;
}

.cortex-process-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1rem;
  align-items:stretch;
}

.cortex-process-card{
  min-width:0;
  min-height:30rem;
  display:grid;
  grid-template-rows:auto auto auto minmax(2.25rem, 1fr) auto;
  height:100%;
  padding:1.25rem;
  border-radius:1.55rem;
  border:1px solid rgba(255,255,255,.18);
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),
    rgba(10,10,10,.72);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.1),
    0 18px 60px rgba(0,0,0,.36);
}

.cortex-process-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.85rem;
  margin-bottom:1.35rem;
}

.cortex-process-number{
  width:3.35rem;
  height:3.35rem;
  flex:0 0 3.35rem;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.15);
  background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.18),rgba(255,255,255,.035));
  display:flex;
  align-items:center;
  justify-content:center;
}

.cortex-process-number{
  color:#f4f4f4;
  font-size:1.15rem;
  font-weight:800;
}



.cortex-process-card h3{
  margin:0 0 .85rem;
  color:#fff;
  font-size:1.25rem;
  line-height:1.2;
  font-weight:700;
}

.cortex-process-card p{
  margin:0 0 .6rem;
  color:#c7c7c7;
  font-size:.95rem;
  line-height:1.55;
}

.cortex-process-bottom{
  grid-row:5;
  align-self:end!important;
  min-width:0;
}

.cortex-process-panel{
  width:100%;
  min-width:0;
  min-height:13.75rem;
  margin-top:.5rem;
  display:flex;
  flex-direction:column;
  padding:.95rem;
  border-radius:1.1rem;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
  overflow:hidden;
}

.cortex-process-panel-title{
  display:block;
  margin-bottom:.65rem;
  color:#fff;
  font-weight:700;
  line-height:1.3;
  overflow-wrap:anywhere;
}

.cortex-process-row{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:.65rem;
  padding:.48rem 0;
  border-bottom:1px solid rgba(255,255,255,.08);
  color:#d6d6d6;
  font-size:.82rem;
  line-height:1.3;
}

.cortex-process-row span,
.cortex-process-row strong{
  min-width:0;
  overflow-wrap:anywhere;
}

.cortex-process-row span:last-child,
.cortex-process-row strong:last-child{
  text-align:right;
}

.cortex-process-green{
  color:#86ff6a!important;
  font-weight:700;
}

.cortex-process-badge{
  margin-top:auto;
  padding:.65rem .75rem;
  border-radius:.9rem;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);
  color:#86ff6a;
  font-size:.82rem;
  font-weight:700;
  line-height:1.3;
  overflow-wrap:anywhere;
}

@media(max-width:1279px){
  .cortex-process-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .cortex-process-card{
    min-height:31rem;
  }
}

@media(max-width:767px){
  .cortex-process-section{
    padding:4.25rem 1rem;
  }

  .cortex-process-grid{
    grid-template-columns:1fr;
  }

  .cortex-process-card{
    min-height:auto;
    grid-template-rows:auto;
    padding:1.25rem;
    border-radius:1.4rem;
  }

  .cortex-process-card p{
    margin-bottom:1.75rem;
  }

  .cortex-process-panel{
    min-height:auto;
  }

  .cortex-process-title{
    font-size:clamp(2.25rem,11vw,3.35rem);
  }
}
#how-it-works.cortex-process-section{padding:5.25rem 1rem!important}
@media(max-width:767px){#how-it-works.cortex-process-section{padding:4.25rem 1rem!important}}
/* How It Works neutral status color + row wrapping fix */

.cortex-process-green,
.cortex-process-badge{
  color:#e7e7e7!important;
}

.cortex-process-row .cortex-process-green{
  font-weight:400!important;
  opacity:1!important;
}

.cortex-process-row{
  grid-template-columns:minmax(6.5rem,.85fr) minmax(0,1.15fr)!important;
}

.cortex-process-row span:first-child,
.cortex-process-row strong:first-child{
  white-space:nowrap!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}

.cortex-process-row span:last-child,
.cortex-process-row strong:last-child{
  overflow-wrap:anywhere;
}
/* Restore original bubble alignment */
.cortex-process-panel{
  display:flex!important;
  flex-direction:column!important;
}



/* Keep rows natural again (remove aggressive grid override) */
.cortex-process-row{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:.5rem!important;
}

/* FIX only the Destination word wrapping */
.cortex-process-row span:first-child,
.cortex-process-row strong:first-child{
  white-space:nowrap!important;
}

/* allow values to wrap normally */
.cortex-process-row span:last-child,
.cortex-process-row strong:last-child{
  text-align:right;
}

.cortex-process-card{
  cursor:pointer;
  grid-template-rows:auto auto minmax(5.5rem,auto) auto 1fr!important;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}

.cortex-process-card:hover{
  transform:translateY(-4px);
  border-color:rgba(255,255,255,.28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 24px 80px rgba(0,0,0,.48);
}

.cortex-process-view-details{
  grid-row:4;
  align-self:start!important;
  margin-top:.35rem!important;
  margin-bottom:1.1rem!important;
  color:rgba(255,255,255,.52);
  font-size:.86rem;
  font-weight:600;
  transition:color .22s ease,transform .22s ease;
}

.cortex-process-card:hover .cortex-process-view-details{
  color:rgba(255,255,255,.92);
  transform:translateX(2px);
}

.cortex-process-card h3{
  font-size:1.32rem!important;
}

.cortex-process-card p{
  font-size:1rem!important;
}

.cortex-process-view-details{
  font-size:.94rem!important;
  margin-top:.25rem!important;
  margin-bottom:1rem!important;
}

.cortex-process-number{
  width:3.6rem!important;
  height:3.6rem!important;
  flex-basis:3.6rem!important;
}

.cortex-process-panel{
  transform:scale(1.015);
  transform-origin:center bottom;
}

.cortex-process-card{
  display:grid!important;
  grid-template-rows:auto auto auto auto 1fr!important;
  row-gap:0!important;
}

.cortex-process-card h3{
  margin-top:1.35rem!important;
  margin-bottom:1rem!important;
  font-size:1.45rem!important;
}

.cortex-process-card p{
  min-height:4.6rem!important;
  margin-bottom:.65rem!important;
  font-size:1.05rem!important;
  line-height:1.55!important;
}

.cortex-process-view-details{
  margin-top:0!important;
  margin-bottom:1.15rem!important;
  align-self:start!important;
  font-size:.96rem!important;
}

.cortex-process-bottom{
  align-self:end!important;
}

.cortex-process-panel{
  padding:1.08rem!important;
}

.cortex-process-panel-title{
  font-size:1.05rem!important;
}

.cortex-process-row{
  font-size:.94rem!important;
  padding:.5rem 0!important;
}

.cortex-process-badge{
  font-size:.92rem!important;
  padding:.72rem .85rem!important;
}

.cortex-process-card{
  display:grid!important;
  grid-template-rows:auto auto auto auto!important;
  align-content:start!important;
}

.cortex-process-card h3{
  margin-top:1rem!important;
  margin-bottom:.75rem!important;
}

.cortex-process-card p{
  min-height:3.6rem!important;
  margin-bottom:.35rem!important;
}

.cortex-process-view-details{
  margin-top:0!important;
  margin-bottom:.75rem!important;
}

.cortex-process-bottom{
  align-self:start!important;
  margin-top:0!important;
}

.cortex-process-panel{
  margin-top:0!important;
}

.cortex-process-card{
  display:grid!important;
  grid-template-rows:auto auto auto auto 1fr!important;
  align-content:start!important;
}

.cortex-process-card h3{
  margin-top:.45rem!important;
  margin-bottom:.7rem!important;
}

.cortex-process-card p{
  min-height:3.4rem!important;
  margin-top:0!important;
  margin-bottom:.35rem!important;
}

.cortex-process-view-details{
  margin-top:0!important;
  margin-bottom:.9rem!important;
  align-self:start!important;
}

.cortex-process-bottom{
  align-self:end!important;
}

.cortex-process-card h3{
  margin-top:.7rem!important;
  margin-bottom:.9rem!important;
}

.cortex-process-card p{
  min-height:4rem!important;
  margin-bottom:.55rem!important;
  line-height:1.55!important;
}

.cortex-process-view-details{
  margin-bottom:1.05rem!important;
}

.cortex-process-card:first-child .cortex-process-bottom{
  grid-row:5!important;
  align-self:end!important;
  margin-top:-6px!important;
}

.cortex-process-card:first-child .cortex-process-panel{
  margin-top:0!important;
  min-height:13.75rem!important;
  transform:scale(1.015);
  transform-origin:center bottom;
}

.cortex-process-card:first-child .cortex-process-badge,
.cortex-process-card:nth-child(4) .cortex-process-badge{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  margin-top:.45rem!important;
  padding:.78rem 1rem!important;
  letter-spacing:.01em!important;
}

.cortex-process-badge{
  width:10.75rem!important;
  height:2.9rem!important;
  min-height:2.9rem!important;
  padding:0 .9rem!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  margin-top:.7rem!important;
  border-radius:1rem!important;
  font-size:.9rem!important;
  line-height:1!important;
}

.cortex-process-panel{
  display:flex!important;
  flex-direction:column!important;
}



@media(max-width:767px){
  .cortex-process-card{
    grid-template-rows:auto;
  }

  .cortex-process-bottom,
  .cortex-process-view-details{
    grid-row:auto;
  }
}
.hero-cta-group{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:.85rem;
  margin-top:1.65rem;
  flex-wrap:wrap;
}









@media(max-width:767px){
  .hero-cta-group{
    width:100%;
    padding:0 1rem;
  }

  .hero-cta-group .hero-label{
    width:100%!important;
    max-width:22rem!important;
  }
}
.hero-cta-group{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.55rem;
  margin-top:1.4rem;
}

.hero-secondary-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:.15rem;
  padding:.7rem 1.15rem;
  border-radius:999px;

  color:rgba(255,255,255,.86);
  font-size:.9rem;
  font-weight:600;
  text-decoration:none;

  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.16);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 28px rgba(0,0,0,.22);

  cursor:pointer;
  transition:
    transform .22s ease,
    background .22s ease,
    border-color .22s ease,
    color .22s ease,
    box-shadow .22s ease;
}

.hero-secondary-cta:hover{
  color:#fff;
  background:rgba(255,255,255,.085);
  border-color:rgba(255,255,255,.3);
  transform:translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 14px 34px rgba(0,0,0,.28);
}

.hero-secondary-cta:active{
  transform:translateY(0);
}

.hero-secondary-cta{
  margin-top:1rem!important;
}

@media(max-width:767px){
  .hero-secondary-cta{
    width:100%;
    max-width:22rem;
  }
}
/* Fix scroll offset for fixed header */
html{
  scroll-padding-top:30px;
}

#services,
#how-it-works,
#about,
#pricing,
#faq{
  scroll-margin-top:30px;
}

/* mobile tweak */
@media(max-width:767px){
  html{
    scroll-padding-top:30px;
  }

  #services,
  #how-it-works,
  #about,
  #pricing,
  #faq{
    scroll-margin-top:30px;
  }
}

.hero-title{
  font-size:clamp(1.4rem, 4vw, 2.2rem)!important;
  line-height:1.05!important;
  max-width:1100px;
  margin-inline:auto;
  white-space:normal!important;
  letter-spacing:-0.02em;
}
.hero-title{
  font-size:clamp(1.4rem, 4vw, 2.2rem)!important;
  line-height:1.05!important;
  max-width:1100px;
  margin-inline:auto;
  white-space:normal!important;
}

.hero-subtitle{
  font-size:clamp(1.18rem,2.25vw,1.55rem)!important;
  color:rgba(245,245,245,.82)!important;
}

.detail-page.active #services-content-wrapper{
  animation:detailPageEnter .55s cubic-bezier(.22,1,.36,1) both;
}

.detail-page.active .detail-section{
  opacity:0;
  animation:detailBlockEnter .55s cubic-bezier(.22,1,.36,1) both;
}

.detail-page.active .detail-section:nth-of-type(1){animation-delay:.08s}
.detail-page.active .detail-section:nth-of-type(2){animation-delay:.16s}
.detail-page.active .detail-section:nth-of-type(3){animation-delay:.24s}

@keyframes detailPageEnter{
  from{
    opacity:0;
    transform:translateY(24px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@keyframes detailBlockEnter{
  from{
    opacity:0;
    transform:translateY(18px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.detail-section ul li{
  transition:transform .22s ease,color .22s ease;
}

.detail-section ul li:hover{
  transform:translateX(5px);
  color:#fff!important;
}

.detail-flow-visual{
  display:flex;
  align-items:center;
  gap:.75rem;
  margin:2rem 0 1.85rem;
  flex-wrap:wrap;
}

.detail-flow-step{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  padding:.68rem 1rem;
  border-radius:999px;
  color:rgba(255,255,255,.88);
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.14);
  font-size:.9rem;
  font-weight:600;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07);
  animation:detailFlowIn .45s ease both;
}

.detail-flow-number{
  color:rgba(255,255,255,.48);
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
}

.detail-flow-line{
  width:2.15rem;
  height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,.25),rgba(255,255,255,.04));
}

.detail-flow-step:hover{
  border-color:rgba(255,255,255,.26);
  background:rgba(255,255,255,.075);
  transform:translateY(-1px);
}

@keyframes detailFlowIn{
  from{
    opacity:0;
    transform:translateY(8px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@media(max-width:767px){
  .detail-flow-visual{
    gap:.5rem;
  }

  .detail-flow-line{
    width:1.25rem;
  }

  .detail-flow-step{
    font-size:.8rem;
    padding:.55rem .75rem;
  }
}

/* Premium subtle section dividers */
.cortex-section-divider{
  width:min(82rem, calc(100% - 2rem));
  height:1px;
  margin:0 auto;

  background:linear-gradient(
    90deg,
    transparent,
    rgba(255,255,255,.08),
    rgba(255,255,255,.22),
    rgba(255,255,255,.08),
    transparent
  );

  opacity:0;
  transform:translateY(10px);
  transition:opacity .6s ease, transform .6s ease;

  position:relative;
  z-index:2;
}

.cortex-section-divider.visible{
  opacity:.85;
  transform:translateY(0);
}

.cortex-section-divider::after{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  width:24rem;
  height:1px;
  transform:translate(-50%,-50%);
  background:rgba(255,255,255,.18);
  filter:blur(8px);
  opacity:.6;
}

@media(prefers-reduced-motion:reduce){
  .cortex-section-divider{
    opacity:.85!important;
    transform:none!important;
    transition:none!important;
  }
}



/* Premium animated workflow micro-scenes */
@keyframes leadFocus{0%,100%{transform:translate(0,0);opacity:.45}40%,55%{transform:translate(0,1.3rem);opacity:.8}75%{transform:translate(55%,1.3rem);opacity:.5}}@keyframes softPulse{0%,100%{opacity:.72;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes dataFlow{0%{transform:translateX(0);opacity:0}25%,70%{opacity:.85}100%{transform:translateX(2.4rem);opacity:0}}@keyframes typingDot{0%,100%{opacity:.25;transform:translateY(0)}45%{opacity:.85;transform:translateY(-1px)}}@keyframes sendArrow{0%,55%,100%{opacity:.38;transform:translateX(0)}70%{opacity:.9;transform:translateX(.24rem)}}@keyframes followIn{0%,45%,100%{opacity:.5;transform:translateY(.18rem)}65%,85%{opacity:1;transform:translateY(0)}}@keyframes slotGlow{0%,100%{opacity:.68}50%{opacity:1}}@keyframes confirmPill{0%,35%{opacity:.45;transform:translateY(.12rem)}55%,100%{opacity:.9;transform:translateY(0)}}@media(max-width:767px){.lead-field:before{font-size:.48rem}.confirmed-pill,.delay-pill{font-size:.42rem}.how-detail-visual .lead-field:before{font-size:.68rem}}@media(prefers-reduced-motion:reduce){.lead-focus,.lead-check,.lead-flow:after,.typing-dots i,.send-arrow,.spark-dot,.follow-bubble.three,.cal-slot.two,.cal-confirm,.confirmed-pill{animation:none!important;transition:none!important}}


/* High-clarity How It Works visuals */
@keyframes fieldFocus{0%,100%{opacity:.35}45%,65%{opacity:1}}@media(max-width:1023px){#how-it-works .how-card{min-height:16rem!important}.how-visual{height:6.6rem!important}.how-detail-visual .how-visual{height:15rem!important}}@media(max-width:767px){#how-it-works .how-card{min-height:15.5rem!important}.how-visual{height:6.25rem!important}.how-detail-visual .how-visual{height:13rem!important;padding:1.2rem!important}.how-detail-visual .out-bubble{width:68%!important}.how-detail-visual .follow-bubble.two{left:4.2rem!important}.how-detail-visual .cal-slot{right:5.2rem!important}}@media(prefers-reduced-motion:reduce){.lead-field.name:after{animation:none!important}}


/* Final premium workflow graphic polish */
@media(max-width:1023px){.how-card{min-height:17rem!important}.how-visual{height:7.4rem!important}.how-detail-visual .how-visual{height:17rem!important}}@media(max-width:767px){.how-card{min-height:16rem!important}.how-visual{height:6.8rem!important}.lead-submit{width:3rem}.delay-two{top:4rem!important}.how-detail-visual .how-visual{height:14rem!important}.how-detail-visual .lead-submit{width:4.4rem;height:1.3rem}.how-detail-visual .follow-bubble.two{left:4.4rem!important}.how-detail-visual .delay-two{top:7.7rem!important}}@media(prefers-reduced-motion:reduce){.lead-submit,.delay-one,.delay-two{animation:none!important;transition:none!important}}


/* Complete rebuild: premium connected workflow scenes */
#how-it-works{scroll-margin-top:8rem!important;padding-top:7rem!important}@media(max-width:1023px){#how-it-works{padding-top:5rem!important}.wf-system:before,.wf-link-node{display:none!important}.wf-card{min-height:22rem!important}.wf-scene{height:170px!important}.wf-detail-visual .wf-scene{height:280px!important}}@media(max-width:767px){#how-it-works{padding-top:4.5rem!important}.wf-flow:before{content:'';position:absolute;left:1.38rem;top:1rem;bottom:1rem;width:2px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.3),rgba(255,255,255,.08),transparent);z-index:0}.wf-card{min-height:21rem!important}.wf-scene{height:170px!important}.wf-detail-visual .wf-scene{height:240px!important;padding:1.2rem!important}.wf-detail-visual .wf-time-label{left:5.5rem}.wf-detail-visual .wf-follow-bubble.two{right:1rem}}@media(prefers-reduced-motion:reduce){.wf-typing i,.wf-send,.wf-spark,.wf-follow-bubble.two{animation:none!important;transition:none!important}}

/* Uploaded How It Works premium workflow snippet */
#how-it-works {
    position: relative;
    padding: 8rem 1rem 7rem;
    background: transparent;
    overflow: hidden;
  }

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  #how-it-works .hiw-scene {
    margin-top: auto;
    min-height: 205px;
    border-radius: 1.35rem;
    border: 1px solid rgba(255,255,255,0.12);
    background:
      radial-gradient(circle at 50% 0%, rgba(255,255,255,0.09), transparent 55%),
      linear-gradient(180deg, rgba(255,255,255,0.055), rgba(255,255,255,0.018));
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
    padding: 1.35rem;
    overflow: hidden;
    position: relative;
  }

  

  

  

  

  @keyframes hiwShine {
    0%, 60% { transform: translateX(-120%); opacity: 0; }
    72% { opacity: 1; }
    100% { transform: translateX(120%); opacity: 0; }
  }

  

  

  

  

  

  

  

  

  

  

  
  

  @keyframes hiwTyping {
    0%, 100% { opacity: 0.25; transform: translateY(0); }
    50% { opacity: 1; transform: translateY(-3px); }
  }

  

  

  

  

  
  

  

  

  

  
  

  

  

  

  

  

  

  

  

  .hiw-detail-visual {
    margin-top: 3rem;
    border-radius: 2rem;
    border: 1px solid rgba(255,255,255,0.12);
    background:
      radial-gradient(circle at 50% 0%, rgba(255,255,255,0.09), transparent 50%),
      rgba(255,255,255,0.03);
    padding: clamp(1.4rem, 3vw, 2.5rem);
    min-height: 340px;
  }

  .hiw-detail-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.4rem;
    margin-top: 3rem;
  }

  .hiw-detail-box {
    border: 1px solid rgba(255,255,255,0.1);
    background: rgba(255,255,255,0.035);
    border-radius: 1.4rem;
    padding: 1.5rem;
  }

  .hiw-detail-box h3 {
    color: #fff;
    font-size: 1.35rem;
    margin: 0 0 0.75rem;
  }

  .hiw-detail-box p {
    color: rgba(229,229,229,0.68);
    line-height: 1.65;
    margin: 0;
  }

  @media (max-width: 1100px) {
    
    
  }

  @media (max-width: 640px) {
    #how-it-works {
      padding: 6rem 1rem 5rem;
    }
    
    
    #how-it-works .hiw-scene {
      min-height: 185px;
    }
    .hiw-detail-grid {
      grid-template-columns: 1fr;
    }
  }

  @media (prefers-reduced-motion: reduce) {
    #how-it-works *, .hiw-detail-visual * {
      animation: none !important;
      transition: none !important;
    }
  }
/* Detail visual support for uploaded How It Works snippet */


/* Final How It Works visual restraint pass */
#home{border-bottom:0!important;box-shadow:none!important}#home:before,#home:after,#home::before,#home::after{content:none!important;display:none!important;background:none!important;border:0!important;box-shadow:none!important}
#how-it-works{border-top:0!important;box-shadow:none!important;background:transparent!important}#how-it-works:before,#how-it-works:after,#how-it-works::before,#how-it-works::after{content:none!important;display:none!important;background:none!important;border:0!important;box-shadow:none!important}.main-content>#home+#how-it-works{border-top:0!important;box-shadow:none!important}




#how-it-works .hiw-scene{background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.026))!important;border-color:rgba(255,255,255,.13)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.065),0 14px 30px rgba(0,0,0,.2)!important}
/* Final section spacing and separator cleanup */
.main-content>#home{margin-bottom:0!important;border-bottom:0!important;box-shadow:none!important}
#how-it-works{padding-top:4.25rem!important;padding-bottom:6rem!important;margin-top:0!important;margin-bottom:0!important;border-top:0!important;border-bottom:0!important;box-shadow:none!important;outline:0!important;overflow:hidden!important;background:transparent!important}


#how-it-works+#services,.main-content>#how-it-works+#services{margin-top:0!important;border-top:0!important;box-shadow:none!important;background-color:rgba(3,3,3,.72)!important}
#how-it-works+#services:before,#how-it-works+#services:after,#how-it-works+#services::before,#how-it-works+#services::after{content:none!important;display:none!important;background:none!important;border:0!important;box-shadow:none!important}
@media(max-width:1023px){#how-it-works{padding-top:3.5rem!important;padding-bottom:5rem!important}}
@media(max-width:767px){#how-it-works{padding-top:3rem!important;padding-bottom:4.5rem!important}}
/* How It Works size and Services transition final pass */
#how-it-works{padding-top:3.75rem!important;padding-bottom:4.25rem!important;background:transparent!important}



#how-it-works .hiw-scene{min-height:178px!important}
#services{margin-top:0!important;padding-top:4.5rem!important;background:transparent!important;background-color:transparent!important;border-top:0!important;box-shadow:none!important}
#services>.container{background:transparent!important;border-top:0!important;box-shadow:none!important}
#how-it-works+#services,.main-content>#how-it-works+#services{background:transparent!important;background-color:transparent!important;margin-top:0!important;border-top:0!important;box-shadow:none!important}
@media(max-width:1100px){#how-it-works .hiw-card{min-height:430px!important}#how-it-works .hiw-scene{min-height:165px!important}}
@media(max-width:1023px){#how-it-works{padding-top:3.25rem!important;padding-bottom:3.75rem!important}#services{padding-top:4rem!important}}
@media(max-width:767px){#how-it-works{padding-top:3rem!important;padding-bottom:3.5rem!important}#how-it-works .hiw-card{min-height:auto!important;padding:1.25rem!important}#how-it-works .hiw-scene{min-height:150px!important}#services{padding-top:3.75rem!important}}
/* Continuous dark canvas: section background consistency */
.main-content>#home,.main-content>#how-it-works,.main-content>#services,.main-content>#about,.main-content>#roi-cta,.main-content>#pricing,.main-content>#faq{background:transparent!important;background-color:transparent!important;border-top:0!important;border-bottom:0!important;box-shadow:none!important}
.main-content>#home:before,.main-content>#home:after,.main-content>#how-it-works:before,.main-content>#how-it-works:after,.main-content>#services:before,.main-content>#services:after,.main-content>#about:before,.main-content>#about:after,.main-content>#roi-cta:before,.main-content>#roi-cta:after,.main-content>#pricing:before,.main-content>#pricing:after,.main-content>#faq:before,.main-content>#faq:after{content:none!important;display:none!important;background:none!important;border:0!important;box-shadow:none!important}
#how-it-works{padding-top:3.25rem!important;padding-bottom:3.25rem!important}

#how-it-works .hiw-scene{min-height:160px!important}
#services{padding-top:4.25rem!important}
@media(max-width:1100px){#how-it-works .hiw-card{min-height:410px!important}#how-it-works .hiw-scene{min-height:155px!important}}
@media(max-width:1023px){#how-it-works{padding-top:3rem!important;padding-bottom:3.25rem!important}#services{padding-top:4rem!important}}
@media(max-width:767px){#how-it-works{padding-top:2.75rem!important;padding-bottom:3rem!important}#how-it-works .hiw-card{min-height:auto!important;padding:1.15rem!important}#how-it-works .hiw-scene{min-height:145px!important}#services{padding-top:3.75rem!important}}
/* Footer seamless canvas */
footer{background:transparent!important;background-color:transparent!important;border-top:0!important;box-shadow:none!important}
footer:before,footer:after,footer::before,footer::after{content:none!important;display:none!important;background:none!important;border:0!important;box-shadow:none!important}
/* How It Works clarity and detail-page refinement */
#how-it-works{padding-top:5.4rem!important;padding-bottom:3.8rem!important}












#how-it-works .hiw-scene{min-height:148px!important;padding:.95rem!important;border-radius:1rem!important;background:linear-gradient(180deg,rgba(255,255,255,.068),rgba(255,255,255,.026))!important;border-color:rgba(255,255,255,.14)!important;display:flex!important;align-items:center!important;justify-content:center!important}





















.hiw-detail-page{padding-top:8.5rem!important;padding-bottom:5rem!important;background:transparent!important}
.hiw-detail-container{max-width:980px!important;margin:0 auto!important}
.hiw-detail-back{margin-bottom:2.15rem!important}
.hiw-detail-title{font-family:'Inter','Inter Fallback',sans-serif!important;font-size:clamp(2.35rem,5vw,4.8rem)!important;font-weight:700!important;line-height:1.04!important;letter-spacing:0!important;margin-bottom:1rem!important}
.hiw-detail-intro{font-family:'Inter','Inter Fallback',sans-serif!important;font-size:clamp(1.05rem,1.55vw,1.25rem)!important;font-weight:400!important;line-height:1.65!important;color:rgba(229,229,229,.76)!important;max-width:760px!important;margin:1rem 0 0!important}
.hiw-detail-visual{width:min(100%,720px)!important;min-height:280px!important;margin:2.5rem auto 2.2rem!important;padding:1.15rem!important;border-radius:1.35rem!important;background:rgba(12,12,12,.78)!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 18px 54px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.08)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;overflow:hidden!important}
.hiw-detail-visual .hiw-scene{min-height:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important}








.hiw-detail-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:1rem!important;margin-top:1.35rem!important}
.hiw-detail-box{background:rgba(18,18,18,.84)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:1rem!important;padding:1.25rem!important;box-shadow:0 14px 38px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}
.hiw-detail-box h3{font-family:'Inter','Inter Fallback',sans-serif!important;font-size:1.05rem!important;font-weight:600!important;line-height:1.25!important;letter-spacing:0!important;color:#f5f5f5!important;margin:0 0 .6rem!important}
.hiw-detail-box p{font-family:'Inter','Inter Fallback',sans-serif!important;font-size:1rem!important;font-weight:400!important;line-height:1.65!important;color:rgba(229,229,229,.8)!important;margin:0!important}
.hiw-detail-cta{margin-top:3rem!important;padding-top:3rem!important;border-top:0!important}
@media(max-width:1100px){#how-it-works .hiw-card{min-height:380px!important}#how-it-works .hiw-scene{min-height:145px!important}}
@media(max-width:1023px){#how-it-works{padding-top:4.75rem!important;padding-bottom:3.5rem!important}#how-it-works .hiw-card{min-height:365px!important}.hiw-detail-page{padding-top:7.75rem!important}.hiw-detail-grid{grid-template-columns:1fr!important}}
@media(max-width:767px){#how-it-works{padding-top:4.1rem!important;padding-bottom:3.1rem!important}#how-it-works .hiw-header{margin-bottom:2.15rem!important}#how-it-works .hiw-card{min-height:auto!important;padding:1.1rem!important}#how-it-works .hiw-scene{min-height:145px!important}.hiw-detail-page{padding-top:7rem!important;padding-bottom:4rem!important}.hiw-detail-visual{min-height:230px!important;margin:2rem auto 1.75rem!important;padding:.9rem!important}.hiw-detail-visual .ui-panel,.hiw-detail-visual .calendar-card{min-height:210px!important}.hiw-detail-box{padding:1.1rem!important}}
/* How It Works visual scene cleanup */
#how-it-works .hiw-scene{padding:1rem!important;overflow:visible!important}






































@media(max-width:767px){#how-it-works .follow-bubble{margin-left:1.25rem!important}#how-it-works .follow-bubble:nth-child(3){margin-left:1.7rem!important}#how-it-works .confirmed-row{font-size:.58rem!important}.hiw-detail-visual .follow-bubble:nth-child(3){margin-left:2.2rem!important}}
/* Meeting Booked calendar dark polish */











@media(max-width:767px){#how-it-works .calendar-grid{gap:.2rem!important}#how-it-works .cal-dot{font-size:.56rem!important}.hiw-detail-visual .cal-dot{font-size:.72rem!important}.hiw-detail-visual .confirmed-row{font-size:.78rem!important}}
/* How It Works one-level visual hierarchy cleanup */
#how-it-works .hiw-scene{padding:1.15rem!important;align-items:center!important;justify-content:center!important}

































@media(max-width:767px){#how-it-works .hiw-scene{padding:1rem!important}#how-it-works .calendar-card{width:min(100%,12.6rem)!important}#how-it-works .confirmed-row{padding:.5rem!important}.hiw-detail-visual .follow-bubble:nth-child(3){margin-left:2.35rem!important}}
/* How It Works final alignment system */
#how-it-works .hiw-scene{min-height:148px!important;height:148px!important;padding:1rem!important}























@media(max-width:767px){#how-it-works .hiw-scene{height:145px!important;min-height:145px!important}#how-it-works .ui-panel,#how-it-works .calendar-card{width:min(100%,12.4rem)!important;max-width:12.4rem!important;height:114px!important;min-height:114px!important}.hiw-detail-visual .ui-panel,.hiw-detail-visual .calendar-card{height:210px!important;min-height:210px!important}}
/* How It Works final visual composition polish */
#how-it-works .hiw-scene{padding:1.05rem!important}



























@media(max-width:767px){#how-it-works .lead-submit{width:6.7rem!important}#how-it-works .message-bubble{width:11rem!important}#how-it-works .follow-bubble{margin-left:1.35rem!important;padding:.5rem .54rem!important}#how-it-works .follow-bubble:nth-child(2),#how-it-works .follow-bubble:nth-child(3){margin-left:1.35rem!important}#how-it-works .follow-bubble:nth-child(3){transform:translateX(.18rem)!important}}
/* Lead Captured qualified pipeline visual */















@media(max-width:767px){#how-it-works .lead-pipeline-card{width:min(100%,12.4rem)!important;height:114px!important;padding:.64rem!important}.hiw-detail-visual .lead-pipeline-card{height:210px!important;padding:1rem!important}}
/* Lead Captured mini visual fit correction */














@media(max-width:767px){#how-it-works .lead-pipeline-card{height:112px!important;min-height:112px!important;padding:.48rem!important;gap:.34rem!important}#how-it-works .lead-avatar{flex-basis:1.62rem!important;width:1.62rem!important;height:1.62rem!important}#how-it-works .lead-info-box{min-height:1.7rem!important}#how-it-works .lead-pipeline-row{min-height:1.82rem!important}}
/* Lead Captured hard overflow fix */
#how-it-works [data-hiw-detail="hiw-lead-detail"] .hiw-scene{overflow:hidden!important;box-sizing:border-box!important}





























@media(max-width:767px){#how-it-works [data-hiw-detail="hiw-lead-detail"] .lead-pipeline-card{padding:10px!important;gap:7px!important}#how-it-works [data-hiw-detail="hiw-lead-detail"] .lead-name{font-size:13px!important}#how-it-works [data-hiw-detail="hiw-lead-detail"] .lead-subtitle{font-size:10px!important}#how-it-works [data-hiw-detail="hiw-lead-detail"] .lead-info-box{height:40px!important;max-height:40px!important;padding:7px!important}#how-it-works [data-hiw-detail="hiw-lead-detail"] .lead-pipeline-row{height:40px!important;max-height:40px!important}.hiw-detail-visual .lead-pipeline-card{padding:1rem!important;gap:.8rem!important}.hiw-detail-visual .lead-info-grid{grid-template-columns:1fr!important}.hiw-detail-visual .lead-info-box,.hiw-detail-visual .lead-pipeline-row{min-height:56px!important}}
/* Lead Captured compact mini-card layout */















@media(max-width:767px){#how-it-works [data-hiw-detail="hiw-lead-detail"] .lead-pipeline-card{padding:9px!important;gap:7px!important}#how-it-works [data-hiw-detail="hiw-lead-detail"] .lead-info-grid{gap:7px!important}#how-it-works [data-hiw-detail="hiw-lead-detail"] .lead-pipeline-row{height:32px!important;min-height:32px!important;max-height:32px!important}}
/* Lead Captured mini visual single-container cleanup */
#how-it-works [data-hiw-detail="hiw-lead-detail"] .hiw-scene{padding:14px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:space-between!important;gap:10px!important;overflow:hidden!important}








@media(max-width:767px){#how-it-works [data-hiw-detail="hiw-lead-detail"] .hiw-scene{padding:12px!important;gap:9px!important}#how-it-works [data-hiw-detail="hiw-lead-detail"] .lead-info-grid{gap:14px!important}}
/* Lead Captured mini context labels */





@media(max-width:767px){#how-it-works [data-hiw-detail="hiw-lead-detail"] .lead-info-box em,#how-it-works [data-hiw-detail="hiw-lead-detail"] .lead-pipeline-sub{font-size:9px!important}}
/* Lead Captured minimal structure restore */







@media(max-width:767px){#how-it-works [data-hiw-detail="hiw-lead-detail"] .lead-info-grid{gap:13px!important}#how-it-works [data-hiw-detail="hiw-lead-detail"] .lead-info-box span{font-size:9px!important}#how-it-works [data-hiw-detail="hiw-lead-detail"] .lead-info-box strong{font-size:12px!important}}
/* Lead Captured reference visual */
#how-it-works [data-hiw-detail="hiw-lead-detail"] .hiw-scene{height:148px!important;min-height:148px!important;padding:14px!important;display:flex!important;align-items:stretch!important;justify-content:stretch!important;overflow:hidden!important;box-sizing:border-box!important;background:linear-gradient(180deg,rgba(255,255,255,.068),rgba(255,255,255,.026))!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:1rem!important}


















@media(max-width:767px){#how-it-works [data-hiw-detail="hiw-lead-detail"] .hiw-scene{height:145px!important;min-height:145px!important;padding:12px!important}#how-it-works [data-hiw-detail="hiw-lead-detail"] .lead-pipeline-card{gap:9px!important}#how-it-works [data-hiw-detail="hiw-lead-detail"] .lead-info-box{height:36px!important;min-height:36px!important;max-height:36px!important}.hiw-detail-visual .lead-pipeline-card{min-height:230px!important;padding:1rem!important}.hiw-detail-visual .lead-info-grid{grid-template-columns:1fr!important}}
/* Lead Captured alignment micro-fix */





/* Lead Captured forced mini alignment */





/* Reference-style How It Works cards */










































@media(max-width:1200px){#how-it-works .hiw-workflow{grid-template-columns:repeat(2,minmax(0,1fr))!important}#how-it-works .hiw-card{min-height:560px!important}}
@media(max-width:767px){#how-it-works .hiw-workflow{grid-template-columns:1fr!important}#how-it-works .hiw-card{min-height:auto!important;padding:1.35rem!important}#how-it-works .hiw-step,#how-it-works .hiw-icon{width:3.55rem!important;height:3.55rem!important}#how-it-works .hiw-title{font-size:clamp(2.25rem,10vw,3.4rem)!important}}
/* Reference-style How It Works detail visual support */






/* Reference-style proportion refinement */
































@media(max-width:1200px){#how-it-works .hiw-card{min-height:470px!important}}
@media(max-width:767px){#how-it-works .hiw-card{min-height:auto!important;padding:1.25rem!important}#how-it-works .cortex-card-visual{margin-top:1rem!important}}
/* Final How It Works visual baseline alignment */




@media(max-width:1200px){#how-it-works .hiw-card>p{min-height:3.6rem!important}#how-it-works .cortex-card-visual{min-height:190px!important}}
@media(max-width:767px){#how-it-works .hiw-card>p{min-height:0!important}#how-it-works .cortex-card-visual{min-height:0!important}}
/* Final inner module scale balance */






@media(max-width:1200px){#how-it-works .cortex-lead-visual,#how-it-works .cortex-outreach-visual{min-height:168px!important}}
@media(max-width:767px){#how-it-works .cortex-lead-visual,#how-it-works .cortex-outreach-visual{min-height:0!important}}
/* Final How It Works targeted module polish */















/* Lead Captured reference alignment */






@media(max-width:1200px){#how-it-works [data-hiw-detail="hiw-lead-detail"] .cortex-lead-visual{min-height:190px!important}}
@media(max-width:767px){#how-it-works [data-hiw-detail="hiw-lead-detail"] .cortex-lead-visual{min-height:0!important}}
/* Lead Captured required rows visibility */







@media(max-width:1200px){#how-it-works [data-hiw-detail="hiw-lead-detail"] .cortex-card-visual{min-height:215px!important}#how-it-works [data-hiw-detail="hiw-lead-detail"] .cortex-lead-visual{min-height:190px!important}}
@media(max-width:767px){#how-it-works [data-hiw-detail="hiw-lead-detail"] .cortex-card-visual{min-height:0!important}#how-it-works [data-hiw-detail="hiw-lead-detail"] .cortex-lead-visual{min-height:0!important}}
/* Lead Captured final polish */













/* How It Works bubble centering and containment */
#how-it-works .hiw-scene{overflow:hidden!important;box-sizing:border-box!important}


































@media(max-width:1279px){.hiw-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hiw-card{min-height:34rem}}
@media(max-width:767px){.hiw-section{padding:4.5rem 1rem}.hiw-grid{grid-template-columns:1fr}.hiw-card{min-height:auto;padding:1.3rem;border-radius:1.5rem}.hiw-bottom{padding-top:1.75rem}.hiw-title{font-size:clamp(2.25rem,11vw,3.4rem)}.hiw-mini-row{grid-template-columns:1fr}.hiw-mini-row span:last-child,.hiw-mini-row strong:last-child{text-align:left}}























@media(max-width:1279px){#how-it-works .hiw-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}#how-it-works .hiw-card{min-height:34rem!important}}
@media(max-width:767px){#how-it-works.hiw-section{padding:4.5rem 1rem!important}#how-it-works .hiw-grid{grid-template-columns:1fr!important}#how-it-works .hiw-card{min-height:auto!important;padding:1.3rem!important;border-radius:1.5rem!important}#how-it-works .hiw-bottom{padding-top:1.75rem!important}#how-it-works .hiw-title{font-size:clamp(2.25rem,11vw,3.4rem)!important}#how-it-works .hiw-mini-row{grid-template-columns:1fr!important}#how-it-works .hiw-mini-row span:last-child,#how-it-works .hiw-mini-row strong:last-child{text-align:left!important}}
.email-outreach-detail-heading{font-size:clamp(2rem,5vw,3.25rem)!important;line-height:.98!important}
/* Premium motion polish: interactions only, no layout changes */
:root{--cortex-ease:cubic-bezier(.22,1,.36,1);--cortex-ease-soft:cubic-bezier(.16,1,.3,1)}
html{scroll-behavior:smooth}
a,button,.nav-link,.animated-button,.pricing-button,.hero-secondary-cta,.card-glow-container,.card-glow-container>div,.cortex-process-card,.cortex-process-panel,.cortex-process-view-details,.pill-nav,.pill-nav a,input,textarea,label.flex,.modal-content{
  transition-property:transform,box-shadow,border-color,background-color,color,opacity,filter;
  transition-duration:.28s;
  transition-timing-function:var(--cortex-ease);
}
.pill-nav a:hover,.nav-link:hover{transition-duration:.22s}
.animated-button,.pricing-button,.hero-secondary-cta{will-change:transform}
.animated-button:active,.pricing-button:active,.hero-secondary-cta:active{
  transform:translateY(0) scale(.985)!important;
  transition-duration:.12s!important;
}
.card-glow-container,.cortex-process-card{will-change:transform}
.card-glow-container:hover{transform:translateY(-3px)!important}
.card-glow-container:hover>div{
  border-color:rgba(255,255,255,.18)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.cortex-process-card:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(255,255,255,.26)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 22px 70px rgba(0,0,0,.44)!important;
}
.cortex-process-card:active{transform:translateY(-1px)!important;transition-duration:.12s!important}
.cortex-process-view-details{transition-duration:.24s!important}
.modal-overlay{transition:opacity .3s var(--cortex-ease),backdrop-filter .3s var(--cortex-ease)!important}
.modal-overlay.active .modal-content{transition:transform .34s var(--cortex-ease),opacity .34s var(--cortex-ease),box-shadow .34s var(--cortex-ease)!important}
.detail-page.active #services-content-wrapper{animation:cortexDetailEnter .5s var(--cortex-ease-soft) both!important}
.detail-page.active .detail-flow-step{animation-duration:.42s!important;animation-timing-function:var(--cortex-ease)!important}
@keyframes cortexDetailEnter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  a,button,.nav-link,.animated-button,.pricing-button,.hero-label,.hero-secondary-cta,.card-glow-container,.card-glow-container>div,.cortex-process-card,.cortex-process-panel,.cortex-process-view-details,.pill-nav,.pill-nav a,input,textarea,label.flex,.modal-content,.modal-overlay{
    transition:none!important;
    animation:none!important;
  }
  .card-glow-container:hover,.cortex-process-card:hover,.animated-button:active,.pricing-button:active,.hero-label:active,.hero-secondary-cta:active{transform:none!important}
  .detail-page.active #services-content-wrapper{animation:none!important}
}
/* ROI calculator number input stepper polish */
#roi-modal input[type="number"]{color-scheme:dark}
#roi-modal input[type="number"]::-webkit-inner-spin-button,
#roi-modal input[type="number"]::-webkit-outer-spin-button{
  opacity:.46;
  cursor:pointer;
  filter:invert(1) grayscale(1) contrast(.78);
  transition:opacity .22s var(--cortex-ease),filter .22s var(--cortex-ease);
}
#roi-modal input[type="number"]:hover::-webkit-inner-spin-button,
#roi-modal input[type="number"]:hover::-webkit-outer-spin-button,
#roi-modal input[type="number"]:focus::-webkit-inner-spin-button,
#roi-modal input[type="number"]:focus::-webkit-outer-spin-button{
  opacity:.82;
  filter:invert(1) grayscale(1) contrast(.95);
}
/* ROI modal scroll lock */
body.roi-modal-open{
  overflow:hidden!important;
  position:fixed!important;
  left:0!important;
  right:0!important;
  width:100%!important;
  overscroll-behavior:none!important;
}
#roi-modal{
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch;
}
#roi-modal .modal-content{
  max-height:calc(100svh - 2rem)!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch;
}
/* Interaction smoothness polish only */
a,
button,
.nav-link,
.pill-nav a,
.animated-button,
.pricing-button,
.hero-secondary-cta,
.card-glow-container,
.card-glow-container>div,
.cortex-process-card,
.cortex-process-view-details,
.detail-flow-step,
.modal-close-btn,
input,
textarea,
label.flex{
  transition:transform .22s ease,opacity .22s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.animated-button:active,
.pricing-button:active,
.hero-secondary-cta:active,
button:active,
.modal-close-btn:active{
  transform:translateY(1px)!important;
}
.card-glow-container:hover,
.cortex-process-card:hover{
  transform:translateY(-2px)!important;
}
.card-glow-container:active,
.cortex-process-card:active{
  transform:translateY(1px)!important;
}
.pill-nav a:active,
.nav-link:active,
.detail-flow-step:active{
  opacity:.82!important;
}
input:focus,
textarea:focus,
label.flex:active{
  transition-duration:.18s!important;
}
@media(prefers-reduced-motion:reduce){
  a,
  button,
  .nav-link,
  .pill-nav a,
  .animated-button,
  .pricing-button,
  .hero-label,
  .hero-secondary-cta,
  .card-glow-container,
  .card-glow-container>div,
  .cortex-process-card,
  .cortex-process-view-details,
  .detail-flow-step,
  .modal-close-btn,
  input,
  textarea,
  label.flex{
    transition:none!important;
    animation:none!important;
  }
  .animated-button:active,
  .pricing-button:active,
  .hero-label:active,
  .hero-secondary-cta:active,
  button:active,
  .modal-close-btn:active,
  .card-glow-container:hover,
  .cortex-process-card:hover,
  .card-glow-container:active,
  .cortex-process-card:active{
    transform:none!important;
  }
}
/* Responsive adaptation pass: tablet/mobile only */
@media(max-width:1279px){
  html,body{max-width:100%;overflow-x:hidden!important}
  .container{max-width:100%!important}
  img,svg,canvas,video{max-width:100%}
  .cortex-process-wrap{max-width:min(100%,64rem)!important}
  .cortex-process-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .cortex-process-card{min-width:0!important}
}
@media(max-width:1023px){
  header>.container{align-items:center!important}
  .pill-nav{max-width:calc(100vw - 2rem)!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .pill-nav::-webkit-scrollbar{display:none}
  header nav a,.pill-nav a{min-height:42px!important;display:inline-flex!important;align-items:center!important}
  #services .grid,#pricing .grid,#about .grid{gap:1.25rem!important}
  .detail-flow-visual{max-width:100%!important}
  .detail-flow-step{white-space:normal!important}
  #services-content-wrapper{max-width:100%!important}
  .detail-page h1{overflow-wrap:anywhere!important}
}
@media(max-width:767px){
  html,body{width:100%;overflow-x:hidden!important}
  body{touch-action:pan-y}
  header{padding:.75rem!important}
  header>.container{width:100%!important;max-width:100%!important;grid-template-columns:1fr auto!important;gap:.75rem!important}
  header .brand-text{white-space:nowrap!important}
  header .animated-button{min-height:44px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}
  header .flex.flex-col{grid-column:1 / -1!important;width:100%!important;min-width:0!important}
  .pill-nav{width:100%!important;max-width:calc(100vw - 1.5rem)!important;margin-inline:auto!important}
  .pill-nav ul{gap:0!important}
  .pill-nav li{flex:0 0 auto}
  #home{min-height:100svh!important;padding-left:1rem!important;padding-right:1rem!important}
  .hero-content{width:100%!important;max-width:100%!important}
  .hero-title{white-space:normal!important;text-wrap:balance;overflow-wrap:normal!important;max-width:min(100%,23rem)!important;margin-inline:auto!important}
  .hero-subtitle{max-width:min(100%,22rem)!important;margin-left:auto!important;margin-right:auto!important}
  .hero-cta-group{width:100%!important;max-width:22rem!important;margin-left:auto!important;margin-right:auto!important}
  .hero-cta-group a{width:100%!important;min-height:44px!important;text-align:center!important}
  .main-content section{overflow-x:hidden!important}
  #services,#about,#roi-cta,#pricing,#faq{padding-left:0!important;padding-right:0!important}
  #services .grid,#about .grid,#pricing .grid,.cortex-process-grid{grid-template-columns:1fr!important}
  .card-glow-container,.card-glow-container>div,.cortex-process-card{width:100%!important;min-width:0!important}
  .card-glow-container>div{overflow:hidden!important}
  .cortex-process-section{padding-left:1rem!important;padding-right:1rem!important}
  .cortex-process-title{overflow-wrap:normal!important;text-wrap:balance}
  .cortex-process-subtitle{max-width:22rem!important}
  .cortex-process-card{min-height:auto!important}
  .cortex-process-row{min-width:0!important}
  .cortex-process-row span,.cortex-process-row strong{min-width:0!important;overflow-wrap:anywhere!important}
  .cortex-process-view-details{min-height:38px!important;display:flex!important;align-items:center!important}
  .detail-page{overflow-x:hidden!important}
  .detail-page .container{width:100%!important;max-width:100%!important}
  #services-content-wrapper h1,.detail-page h1{font-size:clamp(2.1rem,10vw,3.2rem)!important;line-height:1.08!important;max-width:100%!important}
  .email-outreach-detail-heading{font-size:clamp(2rem,9.5vw,3rem)!important}
  .detail-flow-visual{gap:.45rem!important;align-items:flex-start!important}
  .detail-flow-step{max-width:100%!important;min-height:40px!important}
  .detail-flow-line{flex:0 0 1.15rem!important;width:1.15rem!important;margin-top:1.05rem!important}
  .detail-section ul,.detail-section>p,.detail-section.text-center>p,#idea-result{max-width:100%!important}
  #roi-modal{align-items:flex-start!important;padding:1rem!important}
  #roi-modal .modal-content{width:100%!important;max-width:calc(100vw - 2rem)!important;max-height:calc(100svh - 2rem)!important;margin:0 auto!important}
  #roi-modal input[type="number"],#booking-form input,#booking-form textarea{min-height:46px!important}
  #booking-form label.flex{min-height:48px!important}
  footer{overflow-x:hidden!important}
}
@media(max-width:420px){
  header>.container{grid-template-columns:1fr!important;text-align:center!important}
  header .justify-self-start,header .justify-self-end{justify-self:center!important}
  .pill-nav{max-width:calc(100vw - 1rem)!important}
  .hero-title{max-width:19rem!important}
  .hero-subtitle{max-width:19rem!important}
  .container{padding-left:.875rem!important;padding-right:.875rem!important}
  .cortex-process-card{padding:1rem!important}
  .cortex-process-panel{padding:.85rem!important}
  .cortex-process-row{gap:.4rem!important}
  .cortex-process-badge{max-width:100%!important}
  #services-content-wrapper h1,.detail-page h1{font-size:clamp(1.95rem,10vw,2.7rem)!important}
  .detail-flow-visual{display:grid!important;grid-template-columns:1fr!important}
  .detail-flow-line{display:none!important}
}
/* Lightweight performance optimization pass: visual-preserving only */
#site-neural-bg,
.site-depth-layer{
  transform:translateZ(0);
  backface-visibility:hidden;
  contain:strict;
}
header,
.pill-nav,
.modal-overlay,
#cookie-banner{
  transform:translateZ(0);
  backface-visibility:hidden;
}
.page-content,
.detail-page>.container,
.card-glow-container,
.cortex-process-card,
.animated-button,
.pricing-button,
.hero-secondary-cta,
.modal-content{
  backface-visibility:hidden;
}
.card-glow-container,
.cortex-process-card,
.modal-content{
  contain:layout paint;
}
.main-content>section,
footer{
  content-visibility:auto;
  contain-intrinsic-size:auto 900px;
}
#home,
.detail-page.active,
.modal-overlay.active{
  content-visibility:visible;
}
.card-glow-container::before,
.cortex-section-divider::after{
  pointer-events:none;
  transform:translateZ(0);
}
@media(max-width:767px){
  .card-glow-container,
  .cortex-process-card,
  .animated-button,
  .pricing-button,
  .hero-label,
  .hero-secondary-cta{
    will-change:auto!important;
  }
}
/* Pre-launch QA: keyboard focus visibility without visual redesign */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
.cortex-process-card:focus-visible,
.modal-close-btn:focus-visible{
  outline:2px solid rgba(255,255,255,.42)!important;
  outline-offset:4px!important;
}
/* Mobile experience refinement only: desktop remains untouched */
@media(max-width:1023px){
  .site-depth-layer{
    opacity:.72!important;
    background:
      radial-gradient(circle at 50% 9%,rgba(255,255,255,.16),transparent 18rem),
      radial-gradient(circle at 92% 28%,rgba(255,255,255,.06),transparent 15rem),
      radial-gradient(circle at 10% 78%,rgba(255,255,255,.055),transparent 18rem),
      linear-gradient(rgba(255,255,255,.034) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.034) 1px,transparent 1px)!important;
    background-size:auto,auto,auto,42px 42px,42px 42px!important;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.94),rgba(0,0,0,.68))!important;
  }

  #site-neural-bg{
    opacity:.78!important;
  }

  header{
    padding:.85rem max(.85rem,env(safe-area-inset-left)) .65rem max(.85rem,env(safe-area-inset-right))!important;
  }

  header>.container{
    grid-template-columns:1fr auto!important;
    gap:.7rem .75rem!important;
    align-items:center!important;
  }

  header .justify-self-start{
    justify-self:start!important;
  }

  header .justify-self-end{
    justify-self:end!important;
  }

  header .flex.flex-col{
    grid-column:1 / -1!important;
    width:100%!important;
  }

  .pill-nav{
    width:100%!important;
    max-width:100%!important;
    padding:.48rem .55rem!important;
    border-radius:999px!important;
  }

  header nav ul{
    justify-content:flex-start!important;
    gap:.15rem!important;
    padding:0 .15rem!important;
  }

  header nav ul>li:not(:first-child){
    margin-left:.85rem!important;
  }

  header nav a{
    min-height:40px!important;
    display:inline-flex!important;
    align-items:center!important;
  }

  header .animated-button{
    min-height:42px!important;
    padding:.66rem 1rem!important;
    background:linear-gradient(180deg,#fff,#d7d7d7)!important;
    box-shadow:0 12px 30px rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.55)!important;
  }
}

@media(max-width:767px){
  #home{
    min-height:92svh!important;
    padding-top:8.25rem!important;
    padding-bottom:3.1rem!important;
    align-items:center!important;
  }

  #home:after{
    height:76px!important;
    background:linear-gradient(to top,rgba(5,5,5,.88),transparent)!important;
  }

  .hero-content{
    width:100%!important;
    max-width:27rem!important;
    padding:0 .85rem!important;
  }

  .hero-title{
    font-size:clamp(2.05rem,10.5vw,3.05rem)!important;
    line-height:1.06!important;
    letter-spacing:-.015em!important;
    white-space:normal!important;
    text-wrap:balance;
    text-shadow:0 0 34px rgba(255,255,255,.15),0 12px 42px rgba(0,0,0,.58)!important;
  }

  .hero-subtitle{
    max-width:21rem!important;
    margin-top:.95rem!important;
    font-size:clamp(1rem,4vw,1.16rem)!important;
    line-height:1.48!important;
    text-wrap:balance;
  }

  .hero-cta-group{
    gap:.82rem!important;
    margin-top:1.15rem!important;
    width:100%!important;
  }

  .hero-cta-group .hero-label{
    width:min(100%,23rem)!important;
    min-height:46px!important;
    padding:.78rem 1.05rem!important;
    border-radius:1.1rem!important;
    line-height:1.32!important;
  }

  .hero-secondary-cta{
    width:min(100%,18rem)!important;
    min-height:44px!important;
    margin-top:.25rem!important;
    padding:.74rem 1.1rem!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.07)!important;
    border-color:rgba(255,255,255,.2)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 28px rgba(0,0,0,.26)!important;
  }

  #services,
  .cortex-process-section,
  #about,
  #roi-cta,
  #pricing,
  #faq{
    padding-top:3.6rem!important;
    padding-bottom:3.6rem!important;
  }

  .text-center.mb-16{
    margin-bottom:2.3rem!important;
  }

  #services .grid,
  #about .grid,
  #pricing .grid{
    gap:1.05rem!important;
  }

  #services .card-glow-container>div,
  #about .card-glow-container>div,
  #pricing .bg-\[\#121212\],
  #faq .bg-\[\#121212\]{
    padding:1.2rem!important;
    border-radius:1.1rem!important;
  }

  .cortex-process-section{
    overflow:hidden!important;
  }

  .cortex-process-kicker{
    margin-bottom:1.1rem!important;
    padding:.68rem 1.25rem!important;
    font-size:.74rem!important;
    letter-spacing:.18em!important;
  }

  .cortex-process-title{
    font-size:clamp(2.05rem,10vw,3.15rem)!important;
    line-height:1.05!important;
    text-wrap:balance;
  }

  .cortex-process-subtitle{
    margin:1rem auto 2rem!important;
    max-width:21rem!important;
    font-size:1rem!important;
    line-height:1.5!important;
  }

  .cortex-process-grid{
    gap:1rem!important;
  }

  .cortex-process-card{
    min-height:auto!important;
    padding:1.15rem!important;
    border-radius:1.35rem!important;
    display:grid!important;
    grid-template-rows:auto auto auto auto!important;
  }

  .cortex-process-top{
    margin-bottom:.95rem!important;
  }

  .cortex-process-number,
  .cortex-process-icon{
    width:3rem!important;
    height:3rem!important;
    flex-basis:3rem!important;
  }

  .cortex-process-card h3{
    margin-top:.6rem!important;
    margin-bottom:.55rem!important;
    font-size:1.28rem!important;
  }

  .cortex-process-card p{
    min-height:auto!important;
    margin-bottom:.55rem!important;
    font-size:.96rem!important;
    line-height:1.48!important;
  }

  .cortex-process-view-details{
    margin-bottom:.78rem!important;
    font-size:.9rem!important;
  }

  .cortex-process-panel{
    min-height:auto!important;
    padding:.95rem!important;
    border-radius:1rem!important;
  }

  .cortex-process-row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:.75rem!important;
    font-size:.88rem!important;
    line-height:1.32!important;
  }

  .cortex-process-badge{
    width:9.8rem!important;
    height:2.7rem!important;
    min-height:2.7rem!important;
    margin-top:.62rem!important;
    font-size:.86rem!important;
  }

  .detail-page{
    padding-top:6.5rem!important;
    padding-bottom:3.5rem!important;
  }

  #services-content-wrapper h1,
  #booking h1,
  .detail-page h1{
    font-size:clamp(2rem,10vw,2.9rem)!important;
    line-height:1.07!important;
    text-wrap:balance;
  }

  #services-content-wrapper>p,
  #booking .text-xl,
  .detail-page .text-xl{
    font-size:1.04rem!important;
    line-height:1.58!important;
  }

  .detail-flow-visual{
    display:flex!important;
    gap:.45rem!important;
    margin:1.35rem 0 1.2rem!important;
  }

  .detail-flow-step{
    min-height:38px!important;
    padding:.52rem .68rem!important;
    font-size:.78rem!important;
  }

  .detail-section{
    margin-top:2.55rem!important;
    padding-top:2.4rem!important;
  }

  .detail-section h2{
    font-size:1.55rem!important;
    line-height:1.15!important;
  }

  .modal-overlay,
  #roi-modal{
    padding:calc(.85rem + env(safe-area-inset-top)) .85rem calc(.85rem + env(safe-area-inset-bottom))!important;
  }

  .modal-content,
  #roi-modal .modal-content{
    width:100%!important;
    max-width:calc(100vw - 1.7rem)!important;
    max-height:calc(100svh - 1.7rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    margin:0 auto!important;
    padding:1.15rem!important;
    border-radius:1.05rem!important;
  }

  #booking-form input,
  #booking-form textarea,
  #booking-form label.flex,
  #roi-modal input[type="number"]{
    min-height:48px!important;
    font-size:1rem!important;
  }

  #cookie-banner{
    left:max(.85rem,env(safe-area-inset-left))!important;
    right:max(.85rem,env(safe-area-inset-right))!important;
    bottom:calc(-100% - 2rem)!important;
    width:auto!important;
    max-width:none!important;
    transform:none!important;
    padding:1rem!important;
    border-radius:1.05rem!important;
  }

  #cookie-banner.visible{
    bottom:calc(.85rem + env(safe-area-inset-bottom))!important;
  }

  #cookie-banner p{
    font-size:.88rem!important;
    line-height:1.45!important;
    margin-bottom:.85rem!important;
  }

  #cookie-banner .animated-button,
  #accept-cookies{
    width:100%!important;
    min-height:44px!important;
  }
}

@media(max-width:420px){
  header>.container{
    grid-template-columns:1fr auto!important;
    text-align:left!important;
  }

  header .justify-self-start{
    justify-self:start!important;
  }

  header .justify-self-end{
    justify-self:end!important;
  }

  header .flex.flex-col{
    grid-column:1 / -1!important;
  }

  header .brand-text{
    font-size:1.72rem!important;
  }

  header .animated-button{
    padding:.62rem .86rem!important;
    font-size:.82rem!important;
  }

  .hero-title{
    font-size:clamp(1.92rem,10.8vw,2.62rem)!important;
  }

  .hero-subtitle{
    max-width:18.8rem!important;
  }
}

@media(max-width:767px) and (prefers-reduced-motion:reduce){
  .hero-secondary-cta,
  .cortex-process-card,
  .card-glow-container,
  .animated-button,
  .pricing-button{
    transform:none!important;
    transition:none!important;
  }
}
/* Mobile cookie/banner final containment: centered, tappable, safe-area aware */
@media(max-width:767px){
  #cookie-banner{
    left:50%!important;
    right:auto!important;
    width:calc(100vw - 1.7rem - env(safe-area-inset-left) - env(safe-area-inset-right))!important;
    max-width:32rem!important;
    transform:translateX(-50%)!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  #cookie-banner.visible{
    bottom:calc(.85rem + env(safe-area-inset-bottom))!important;
  }

  #cookie-banner a,
  #cookie-banner button{
    min-height:44px!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    touch-action:manipulation!important;
  }

  #cookie-banner button{
    width:100%!important;
  }
}
/* Mobile final atmosphere/alignment polish only */
@media(max-width:767px){
  #site-neural-bg{
    opacity:.86!important;
    filter:drop-shadow(0 0 8px rgba(255,255,255,.08))!important;
  }

  .site-depth-layer{
    opacity:.78!important;
    background:
      radial-gradient(circle at 50% 10%,rgba(255,255,255,.18),transparent 18rem),
      radial-gradient(circle at 88% 30%,rgba(255,255,255,.075),transparent 15rem),
      radial-gradient(circle at 10% 76%,rgba(255,255,255,.065),transparent 17rem),
      linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px)!important;
    background-size:auto,auto,auto,42px 42px,42px 42px!important;
  }

  .hero-content{
    text-align:center!important;
    align-items:center!important;
    justify-content:center!important;
  }

  .hero-title{
    width:100%!important;
    max-width:22rem!important;
    margin-left:auto!important;
    margin-right:auto!important;
    text-align:center!important;
    text-wrap:balance;
  }
}

@media(max-width:420px){
  .hero-title{
    max-width:20rem!important;
  }
}
/* Mobile desktop-atmosphere restoration only */
@media(max-width:1023px){
  #site-neural-bg{
    opacity:1!important;
    filter:drop-shadow(0 0 10px rgba(255,255,255,.1))!important;
  }

  .site-depth-layer{
    opacity:.92!important;
    background:
      radial-gradient(circle at 50% 12%,rgba(255,255,255,.22),transparent 24rem),
      radial-gradient(circle at 82% 34%,rgba(255,255,255,.095),transparent 18rem),
      radial-gradient(circle at 13% 76%,rgba(255,255,255,.085),transparent 20rem),
      repeating-linear-gradient(115deg,rgba(255,255,255,.024) 0 1px,transparent 1px 7px),
      linear-gradient(rgba(255,255,255,.052) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.052) 1px,transparent 1px)!important;
    background-size:auto,auto,auto,auto,52px 52px,52px 52px!important;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.98),rgba(0,0,0,.72))!important;
  }
}

@media(max-width:767px){
  .site-depth-layer{
    background-size:auto,auto,auto,auto,44px 44px,44px 44px!important;
  }

  .hero-content{
    max-width:100%!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }

  .hero-title{
    max-width:min(22.5rem,calc(100vw - 2rem))!important;
    margin-inline:auto!important;
    padding-inline:.1rem!important;
    text-align:center!important;
    text-wrap:balance;
  }

  .hero-subtitle,
  .hero-cta-group{
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

@media(max-width:420px){
  .hero-title{
    max-width:min(20.5rem,calc(100vw - 1.5rem))!important;
  }
}
/* Mobile atmosphere strength pass: closer to desktop, no desktop changes */
@media(max-width:1023px){
  #site-neural-bg{
    opacity:1!important;
    filter:drop-shadow(0 0 13px rgba(255,255,255,.13))!important;
  }

  .site-depth-layer{
    opacity:1!important;
    background:
      radial-gradient(circle at 50% 10%,rgba(255,255,255,.26),transparent 24rem),
      radial-gradient(circle at 84% 30%,rgba(255,255,255,.12),transparent 18rem),
      radial-gradient(circle at 10% 78%,rgba(255,255,255,.105),transparent 20rem),
      repeating-linear-gradient(115deg,rgba(255,255,255,.032) 0 1px,transparent 1px 7px),
      linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px)!important;
    background-size:auto,auto,auto,auto,50px 50px,50px 50px!important;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,1),rgba(0,0,0,.76))!important;
  }
}

@media(max-width:767px){
  .site-depth-layer{
    background-size:auto,auto,auto,auto,42px 42px,42px 42px!important;
  }

  #home{
    background:
      radial-gradient(circle at 50% 26%,rgba(255,255,255,.09),transparent 18rem),
      transparent!important;
  }
}
/* Mobile real desktop-background adaptation: keep composition, reduce only density */
@media(max-width:1023px){
  #site-neural-bg{
    opacity:1!important;
    background:#050505!important;
    filter:none!important;
  }

  .site-depth-layer{
    opacity:.9!important;
    background:
      radial-gradient(circle at 50% 16%,rgba(255,255,255,.22),transparent 30rem),
      radial-gradient(circle at 84% 34%,rgba(255,255,255,.085),transparent 21rem),
      radial-gradient(circle at 14% 78%,rgba(255,255,255,.085),transparent 24rem),
      repeating-linear-gradient(115deg,rgba(255,255,255,.026) 0 1px,transparent 1px 7px),
      linear-gradient(rgba(255,255,255,.046) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.046) 1px,transparent 1px)!important;
    background-size:auto,auto,auto,auto,60px 60px,60px 60px!important;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,.94),rgba(0,0,0,.68))!important;
  }

  #home{
    background:transparent!important;
  }
}

@media(max-width:767px){
  .site-depth-layer{
    opacity:.92!important;
    background-size:auto,auto,auto,auto,46px 46px,46px 46px!important;
  }

  .hero-content{
    min-height:auto!important;
    transform:translateX(0)!important;
  }

  .hero-title{
    max-width:min(23rem,calc(100vw - 2rem))!important;
    text-align:center!important;
    margin-inline:auto!important;
  }

  .hero-subtitle{
    max-width:min(21.5rem,calc(100vw - 2rem))!important;
  }

  #cookie-banner{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:calc(100vw - 1.7rem - env(safe-area-inset-left) - env(safe-area-inset-right))!important;
    max-width:32rem!important;
  }
}
/* Dedicated mobile-only background system */
@media(max-width:767px){
  body::before,
  body::after{
    content:''!important;
    display:block!important;
    position:fixed!important;
    inset:0!important;
    pointer-events:none!important;
  }

  body::before{
    z-index:0!important;
    background:
      radial-gradient(circle at 50% 18%,rgba(255,255,255,.28),transparent 18rem),
      radial-gradient(circle at 86% 34%,rgba(255,255,255,.105),transparent 14rem),
      radial-gradient(circle at 12% 78%,rgba(255,255,255,.09),transparent 16rem),
      linear-gradient(rgba(255,255,255,.075) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.075) 1px,transparent 1px),
      linear-gradient(180deg,#050505,#070707 52%,#050505)!important;
    background-size:auto,auto,auto,42px 42px,42px 42px,auto!important;
    opacity:.86!important;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,1),rgba(0,0,0,.78))!important;
  }

  body::after{
    z-index:1!important;
    opacity:.34!important;
    background:
      radial-gradient(circle at 16% 22%,rgba(255,255,255,.72) 0 1.4px,transparent 2.8px),
      radial-gradient(circle at 76% 18%,rgba(255,255,255,.62) 0 1.2px,transparent 2.6px),
      radial-gradient(circle at 58% 62%,rgba(255,255,255,.58) 0 1.2px,transparent 2.6px),
      radial-gradient(circle at 22% 74%,rgba(255,255,255,.5) 0 1px,transparent 2.4px),
      linear-gradient(35deg,transparent 0 48%,rgba(255,255,255,.15) 48.2% 48.6%,transparent 49%),
      linear-gradient(145deg,transparent 0 51%,rgba(255,255,255,.12) 51.2% 51.55%,transparent 52%),
      linear-gradient(92deg,transparent 0 58%,rgba(255,255,255,.095) 58.2% 58.55%,transparent 59%)!important;
    background-size:11rem 13rem,13rem 12rem,14rem 14rem,12rem 15rem,18rem 18rem,20rem 20rem,17rem 17rem!important;
    background-position:0 0,3rem 1rem,1rem 4rem,5rem 6rem,-2rem 0,2rem 3rem,0 5rem!important;
    mix-blend-mode:screen!important;
  }

  #site-neural-bg{
    opacity:.58!important;
  }

  .site-depth-layer{
    opacity:.72!important;
  }

  #home{
    background:transparent!important;
  }

  .hero-content{
    position:relative!important;
    z-index:2!important;
    text-align:center!important;
    align-items:center!important;
  }

  .hero-title{
    max-width:min(22.5rem,calc(100vw - 2rem))!important;
    margin-inline:auto!important;
    text-align:center!important;
    text-wrap:balance;
  }

  header,
  main,
  footer,
  #cookie-banner,
  .modal-overlay,
  #error-message-display{
    position:relative!important;
    z-index:2!important;
  }

  #cookie-banner{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:calc(100vw - 1.7rem - env(safe-area-inset-left) - env(safe-area-inset-right))!important;
    max-width:32rem!important;
  }

  #cookie-banner.visible{
    bottom:calc(.85rem + env(safe-area-inset-bottom))!important;
  }

  .modal-overlay,
  #error-message-display{
    position:fixed!important;
  }

  .modal-overlay{
    z-index:2000!important;
  }
}
/* Mobile neural connection refinement: emphasize connected structure, not dots */
@media(max-width:767px){
  body::after{
    opacity:.48!important;
    background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='390' height='640' viewBox='0 0 390 640'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.24)' stroke-width='0.9' stroke-linecap='round'%3E%3Cpath d='M32 92L88 134L144 98L214 128L286 82L354 126'/%3E%3Cpath d='M88 134L118 212L192 232L254 196L324 248'/%3E%3Cpath d='M38 282L118 212L176 326L254 196L322 314'/%3E%3Cpath d='M54 438L134 392L176 326L260 402L336 372'/%3E%3Cpath d='M134 392L204 504L260 402L330 510'/%3E%3Cpath d='M66 562L204 504L310 584'/%3E%3Cpath d='M144 98L192 232L176 326'/%3E%3Cpath d='M286 82L254 196L322 314L336 372'/%3E%3C/g%3E%3Cg fill='rgba(255,255,255,0.34)'%3E%3Ccircle cx='32' cy='92' r='1.7'/%3E%3Ccircle cx='88' cy='134' r='1.9'/%3E%3Ccircle cx='144' cy='98' r='1.6'/%3E%3Ccircle cx='214' cy='128' r='1.5'/%3E%3Ccircle cx='286' cy='82' r='1.8'/%3E%3Ccircle cx='354' cy='126' r='1.5'/%3E%3Ccircle cx='118' cy='212' r='1.8'/%3E%3Ccircle cx='192' cy='232' r='1.5'/%3E%3Ccircle cx='254' cy='196' r='1.9'/%3E%3Ccircle cx='324' cy='248' r='1.5'/%3E%3Ccircle cx='38' cy='282' r='1.4'/%3E%3Ccircle cx='176' cy='326' r='1.9'/%3E%3Ccircle cx='322' cy='314' r='1.6'/%3E%3Ccircle cx='54' cy='438' r='1.4'/%3E%3Ccircle cx='134' cy='392' r='1.9'/%3E%3Ccircle cx='260' cy='402' r='1.8'/%3E%3Ccircle cx='336' cy='372' r='1.5'/%3E%3Ccircle cx='204' cy='504' r='1.9'/%3E%3Ccircle cx='330' cy='510' r='1.5'/%3E%3Ccircle cx='66' cy='562' r='1.4'/%3E%3Ccircle cx='310' cy='584' r='1.5'/%3E%3C/g%3E%3C/svg%3E"),
      linear-gradient(35deg,transparent 0 42%,rgba(255,255,255,.12) 42.15% 42.45%,transparent 42.8%),
      linear-gradient(145deg,transparent 0 56%,rgba(255,255,255,.1) 56.15% 56.45%,transparent 56.8%)!important;
    background-size:100vw 165vw,18rem 18rem,20rem 20rem!important;
    background-position:center top,-2rem 0,1rem 5rem!important;
    mix-blend-mode:screen!important;
  }
}
/* Mobile cookie banner verification fix only */
@media(max-width:767px){
  #cookie-banner{
    z-index:2000!important;
    max-height:calc(100svh - 2rem - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
  }

  #cookie-banner p{
    overflow-wrap:break-word!important;
  }

  #accept-cookies{
    min-height:44px!important;
    pointer-events:auto!important;
  }
}
/* Mobile cookie/header behavior fixes only */
@media(max-width:767px){
  #cookie-banner{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:min(92vw,22rem)!important;
    max-width:22rem!important;
    bottom:calc(1rem + env(safe-area-inset-bottom))!important;
    padding:.9rem!important;
    border-radius:1rem!important;
    text-align:center!important;
    box-sizing:border-box!important;
  }

  #cookie-banner p{
    font-size:.78rem!important;
    line-height:1.45!important;
    margin-bottom:.75rem!important;
  }

  #cookie-banner button,
  #accept-cookies{
    width:100%!important;
    min-height:42px!important;
    font-size:.85rem!important;
  }
}
/* Strong mobile cookie banner positioning fix only */
@media (max-width: 767px) {
  #cookie-banner {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: max(1rem, env(safe-area-inset-bottom)) !important;
    transform: translateX(-50%) !important;

    width: calc(100vw - 2rem) !important;
    max-width: 22rem !important;
    min-width: 0 !important;

    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0.9rem !important;
    border-radius: 1rem !important;
    text-align: center !important;
    z-index: 99999 !important;
  }

  #cookie-banner * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  #cookie-banner p {
    font-size: 0.78rem !important;
    line-height: 1.45 !important;
    margin: 0 0 0.75rem 0 !important;
  }

  #cookie-banner button,
  #accept-cookies {
    width: 100% !important;
    min-height: 42px !important;
  }
}
/* Final mobile cookie banner fix: real element selector */
@media (max-width: 767px) {
  html body #cookie-banner,
  html body #cookie-banner.visible {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    top: auto !important;
    bottom: max(1rem, env(safe-area-inset-bottom)) !important;
    transform: translateX(-50%) !important;

    width: min(calc(100vw - 2rem), 22rem) !important;
    max-width: calc(100vw - 2rem) !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: .9rem !important;
    box-sizing: border-box !important;
    border-radius: 1rem !important;
    text-align: center !important;
    z-index: 99999 !important;
  }

  html body #cookie-banner:not(.visible) {
    bottom: -200px !important;
  }

  html body #cookie-banner * {
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  html body #cookie-banner p {
    font-size: .78rem !important;
    line-height: 1.45 !important;
    margin: 0 0 .75rem 0 !important;
    overflow-wrap: break-word !important;
  }

  html body #accept-cookies {
    width: 100% !important;
    min-height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}
/* Direct mobile cookie banner positioning: exact real element */
@media(max-width:767px){
  html body div#cookie-banner{
    position:fixed!important;
    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:-200px!important;
    transform:translateX(-50%)!important;
    width:calc(100vw - 2rem)!important;
    max-width:22rem!important;
    min-width:0!important;
    margin:0!important;
    box-sizing:border-box!important;
    z-index:99999!important;
  }

  html body div#cookie-banner.visible{
    bottom:1rem!important;
  }

  html body div#cookie-banner p{
    font-size:.78rem!important;
    line-height:1.45!important;
    margin:0 0 .75rem 0!important;
  }

  html body button#accept-cookies{
    width:100%!important;
    min-height:42px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}
/* ===== MOBILE ONLY: hide full header on scroll down ===== */
@media (max-width: 767px){
  body.mobile-header-hidden header{
    transform:translateY(-120%)!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  header{
    transition:transform .28s ease, opacity .28s ease!important;
    will-change:transform, opacity;
  }
}
@media (max-width: 767px){

  #cookie-banner,
  .cookie-banner,
  [data-cookie-banner]{
    position:fixed!important;

    left:50%!important;
    right:auto!important;
    top:auto!important;
    bottom:max(1rem, env(safe-area-inset-bottom))!important;

    transform:translateX(-50%)!important;

    width:calc(100vw - 2rem)!important;
    max-width:22rem!important;
    min-width:0!important;

    margin:0!important;
    padding:.95rem!important;

    box-sizing:border-box!important;

    border-radius:1rem!important;

    z-index:999999!important;

    overflow:hidden!important;
  }

  #cookie-banner *,
  .cookie-banner *,
  [data-cookie-banner] *{
    box-sizing:border-box!important;
    max-width:100%!important;
  }

  #cookie-banner p,
  .cookie-banner p,
  [data-cookie-banner] p{
    font-size:.78rem!important;
    line-height:1.45!important;
    text-align:center!important;
    margin:0 0 .8rem 0!important;
  }

  #cookie-banner button,
  .cookie-banner button,
  [data-cookie-banner] button,
  #accept-cookies{
    width:100%!important;
    min-height:42px!important;

    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}
/* Mobile-only background softening and cookie button visibility */
@media(max-width:767px){
  #site-neural-bg{
    opacity:.36!important;
    filter:none!important;
  }

  .site-depth-layer{
    opacity:.32!important;
    background:
      radial-gradient(circle at 50% 14%,rgba(255,255,255,.105),transparent 27rem),
      radial-gradient(circle at 86% 36%,rgba(255,255,255,.042),transparent 19rem),
      radial-gradient(circle at 12% 76%,rgba(255,255,255,.04),transparent 21rem),
      linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px)!important;
    background-size:auto,auto,auto,58px 58px,58px 58px!important;
  }

  body::before{
    opacity:.26!important;
    filter:none!important;
  }

  body::after{
    opacity:.22!important;
    filter:none!important;
    mix-blend-mode:normal!important;
  }

  #cookie-banner,
  .cookie-banner,
  [data-cookie-banner]{
    max-height:none!important;
    overflow:visible!important;
    padding:.85rem!important;
    bottom:max(.75rem, env(safe-area-inset-bottom))!important;
  }

  #cookie-banner p,
  .cookie-banner p,
  [data-cookie-banner] p{
    font-size:.76rem!important;
    line-height:1.4!important;
    margin:0 0 .65rem 0!important;
  }

  #cookie-banner button,
  .cookie-banner button,
  [data-cookie-banner] button,
  #accept-cookies{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%!important;
    min-height:42px!important;
    margin-top:.7rem!important;
    position:relative!important;
    z-index:2!important;
  }
}
/* Mobile-only final background softness and cookie button visibility */
@media(max-width:767px){
  #site-neural-bg{
    opacity:.22!important;
    filter:none!important;
  }

  .site-depth-layer{
    opacity:.22!important;
    background:
      radial-gradient(circle at 50% 14%,rgba(255,255,255,.065),transparent 25rem),
      radial-gradient(circle at 86% 36%,rgba(255,255,255,.028),transparent 18rem),
      radial-gradient(circle at 12% 76%,rgba(255,255,255,.026),transparent 20rem),
      linear-gradient(rgba(255,255,255,.014) 1px,transparent 1px),
      linear-gradient(90deg,rgba(255,255,255,.014) 1px,transparent 1px)!important;
    background-size:auto,auto,auto,64px 64px,64px 64px!important;
  }

  body::before{
    opacity:.16!important;
    filter:none!important;
  }

  body::after{
    opacity:.12!important;
    filter:none!important;
    mix-blend-mode:normal!important;
    background:
      url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='390' height='640' viewBox='0 0 390 640'%3E%3Cg fill='none' stroke='rgba(255,255,255,0.11)' stroke-width='0.7' stroke-linecap='round'%3E%3Cpath d='M32 92L88 134L144 98L214 128L286 82L354 126'/%3E%3Cpath d='M88 134L118 212L192 232L254 196L324 248'/%3E%3Cpath d='M38 282L118 212L176 326L254 196L322 314'/%3E%3Cpath d='M54 438L134 392L176 326L260 402L336 372'/%3E%3Cpath d='M134 392L204 504L260 402L330 510'/%3E%3Cpath d='M66 562L204 504L310 584'/%3E%3C/g%3E%3Cg fill='rgba(255,255,255,0.13)'%3E%3Ccircle cx='32' cy='92' r='1.4'/%3E%3Ccircle cx='88' cy='134' r='1.5'/%3E%3Ccircle cx='144' cy='98' r='1.3'/%3E%3Ccircle cx='214' cy='128' r='1.2'/%3E%3Ccircle cx='286' cy='82' r='1.4'/%3E%3Ccircle cx='354' cy='126' r='1.2'/%3E%3Ccircle cx='118' cy='212' r='1.4'/%3E%3Ccircle cx='192' cy='232' r='1.2'/%3E%3Ccircle cx='254' cy='196' r='1.5'/%3E%3Ccircle cx='324' cy='248' r='1.2'/%3E%3Ccircle cx='38' cy='282' r='1.1'/%3E%3Ccircle cx='176' cy='326' r='1.4'/%3E%3Ccircle cx='322' cy='314' r='1.2'/%3E%3Ccircle cx='54' cy='438' r='1.1'/%3E%3Ccircle cx='134' cy='392' r='1.4'/%3E%3Ccircle cx='260' cy='402' r='1.3'/%3E%3Ccircle cx='336' cy='372' r='1.1'/%3E%3Ccircle cx='204' cy='504' r='1.4'/%3E%3Ccircle cx='330' cy='510' r='1.1'/%3E%3Ccircle cx='66' cy='562' r='1.1'/%3E%3Ccircle cx='310' cy='584' r='1.1'/%3E%3C/g%3E%3C/svg%3E")!important;
    background-size:100vw 165vw!important;
    background-position:center top!important;
  }

  #cookie-banner,
  .cookie-banner,
  [data-cookie-banner]{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;

    width:calc(100vw - 2rem)!important;
    max-width:22rem!important;
    max-height:70vh!important;
    overflow:visible!important;

    padding:.85rem!important;
    gap:.65rem!important;
  }

  #cookie-banner p,
  .cookie-banner p,
  [data-cookie-banner] p{
    margin:0!important;
    font-size:.76rem!important;
    line-height:1.4!important;
  }

  #cookie-banner button,
  .cookie-banner button,
  [data-cookie-banner] button,
  #accept-cookies{
    display:flex!important;
    opacity:1!important;
    visibility:visible!important;

    width:100%!important;
    min-height:44px!important;

    align-items:center!important;
    justify-content:center!important;

    margin:0!important;
    padding:.7rem 1rem!important;

    position:relative!important;
    z-index:10!important;

    background:#f4f4f4!important;
    color:#050505!important;
    border:1px solid rgba(255,255,255,.35)!important;
    border-radius:.85rem!important;

    font-weight:700!important;
    font-size:.85rem!important;
  }
}
/* Mobile-only cookie accept button visibility fix */
@media(max-width:767px){
  #cookie-banner,
  .cookie-banner,
  [data-cookie-banner]{
    display:flex!important;
    flex-direction:column!important;
    gap:.65rem!important;
    overflow:visible!important;
    padding:.9rem!important;
    padding-bottom:1rem!important;
  }

  #cookie-banner button,
  .cookie-banner button,
  [data-cookie-banner] button,
  #accept-cookies{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    position:relative!important;

    width:100%!important;
    min-height:44px!important;

    align-items:center!important;
    justify-content:center!important;

    margin-top:.35rem!important;
    padding:.75rem 1rem!important;

    background:#f4f4f4!important;
    color:#050505!important;
    border-radius:.85rem!important;
    border:none!important;

    font-size:.85rem!important;
    font-weight:700!important;

    z-index:20!important;
    pointer-events:auto!important;
  }
}
/* Mobile-only final cookie accept button visibility */
@media(max-width:767px){
  #cookie-banner{
    max-height:none!important;
    overflow:visible!important;
    z-index:999999!important;
  }

  #cookie-banner .cookie-actions,
  #cookie-banner .cookie-buttons,
  #cookie-banner button,
  #accept-cookies{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    transform:none!important;
    filter:none!important;

    position:relative!important;
    z-index:999999!important;

    width:100%!important;
    min-height:46px!important;

    align-items:center!important;
    justify-content:center!important;

    margin-top:.65rem!important;
    padding:.8rem 1rem!important;

    background:#ffffff!important;
    color:#050505!important;
    border:1px solid rgba(255,255,255,.45)!important;
    border-radius:.9rem!important;

    font-size:.88rem!important;
    font-weight:800!important;
    line-height:1!important;

    pointer-events:auto!important;
  }

  #cookie-banner a{
    position:relative!important;
    z-index:999999!important;
  }
}
/* Mobile-only centered cookie popup */
@media(max-width:767px){
  #cookie-banner,
  .cookie-banner,
  [data-cookie-banner]{
    position:fixed!important;
    left:50%!important;
    top:72%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translate(-50%, -50%)!important;

    width:min(88vw, 21rem)!important;
    max-width:21rem!important;
    min-width:0!important;

    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:.65rem!important;

    padding:.9rem!important;
    margin:0!important;
    box-sizing:border-box!important;

    background:rgba(12,12,12,.94)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;

    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:1rem!important;

    z-index:999999!important;
    overflow:visible!important;
  }

  #cookie-banner p,
  .cookie-banner p,
  [data-cookie-banner] p{
    margin:0!important;
    font-size:.74rem!important;
    line-height:1.35!important;
    text-align:center!important;
    color:rgba(255,255,255,.86)!important;
  }

  #cookie-banner a,
  .cookie-banner a,
  [data-cookie-banner] a{
    color:#fff!important;
    text-decoration:underline!important;
    position:relative!important;
    z-index:2!important;
  }

  #cookie-banner button,
  .cookie-banner button,
  [data-cookie-banner] button,
  #accept-cookies{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;

    width:100%!important;
    min-height:44px!important;

    align-items:center!important;
    justify-content:center!important;

    margin:0!important;
    padding:.75rem 1rem!important;

    background:#f4f4f4!important;
    color:#050505!important;
    border:0!important;
    border-radius:.85rem!important;

    font-size:.85rem!important;
    font-weight:800!important;
    line-height:1!important;

    position:relative!important;
    z-index:3!important;
    pointer-events:auto!important;
  }
}
/* Mobile-only cookie banner vertical nudge */
@media(max-width:767px){
  #cookie-banner,
  .cookie-banner,
  [data-cookie-banner]{
    top:auto!important;
    bottom:8rem!important;
    transform:translateX(-50%)!important;
  }
}
/* Mobile-only cookie accept button visibility guard */
@media(max-width:767px){
  #cookie-banner{
    display:flex!important;
    flex-direction:column!important;
    gap:.7rem!important;
    overflow:visible!important;
  }

  #cookie-banner button,
  #accept-cookies{
    display:flex!important;
    opacity:1!important;
    visibility:visible!important;
    width:100%!important;
    min-height:46px!important;
    align-items:center!important;
    justify-content:center!important;
    background:#fff!important;
    color:#000!important;
    border-radius:.85rem!important;
    font-weight:800!important;
    z-index:999999!important;
    pointer-events:auto!important;
  }
}

/* Cookie banner centering fix only */
#cookie-banner,
#cookie-banner.visible{
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%) translateZ(0)!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Tailwind v3.4.17, compiled from this file's own markup.
   Replaces the play CDN, which downloaded ~100KB of JS and rebuilt this same
   CSS in the browser on every visit. If new Tailwind utility classes are added
   to the markup later, this block has to be regenerated. */
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.left-10{left:2.5rem}.right-0{right:0}.top-0{top:0}.z-50{z-index:50}.order-2{order:2}.order-3{order:3}.col-span-2{grid-column:span 2/span 2}.mx-auto{margin-left:auto;margin-right:auto}.-mr-1{margin-right:-.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-16{height:4rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.max-h-\[60vh\]{max-height:60vh}.min-h-\[100px\]{min-height:100px}.min-h-screen{min-height:100vh}.w-16{width:4rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[90\%\]{width:90%}.w-full{width:100%}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-7xl{max-width:80rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-12{gap:3rem}.gap-4{gap:1rem}.gap-8{gap:2rem}.gap-y-4{row-gap:1rem}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1rem*var(--tw-space-x-reverse));margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.justify-self-start{justify-self:start}.justify-self-end{justify-self:end}.justify-self-center{justify-self:center}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.scroll-smooth{scroll-behavior:smooth}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-t{border-top-width:1px}.border-gray-600{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity,1))}.border-indigo-500{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity,1))}.border-indigo-500\/30{border-color:rgba(99,102,241,.3)}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}.border-white\/10{border-color:hsla(0,0%,100%,.1)}.border-white\/20{border-color:hsla(0,0%,100%,.2)}.bg-\[\#0a0a0a\]{--tw-bg-opacity:1;background-color:rgb(10 10 10/var(--tw-bg-opacity,1))}.bg-\[\#121212\]{--tw-bg-opacity:1;background-color:rgb(18 18 18/var(--tw-bg-opacity,1))}.bg-\[\#1f2937\]{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity,1))}.bg-gray-700{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity,1))}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1))}.bg-indigo-600\/10{background-color:rgba(79,70,229,.1)}.bg-indigo-600\/20{background-color:rgba(79,70,229,.2)}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-8{padding-left:2rem;padding-right:2rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-16{padding-bottom:4rem}.pl-5{padding-left:1.25rem}.pr-4{padding-right:1rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-24{padding-top:6rem}.pt-4{padding-top:1rem}.text-left{text-align:left}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.leading-relaxed{line-height:1.625}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity,1))}.text-indigo-300{--tw-text-opacity:1;color:rgb(165 180 252/var(--tw-text-opacity,1))}.text-indigo-400{--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.ring-indigo-500{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}.drop-shadow{--tw-drop-shadow:drop-shadow(0 1px 2px rgba(0,0,0,.1)) drop-shadow(0 1px 1px rgba(0,0,0,.06))}.drop-shadow,.grayscale{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale:grayscale(100%)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.\[writing-mode\:vertical-rl\]{writing-mode:vertical-rl}.hover\:border-indigo-500:hover{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity,1))}.hover\:text-indigo-300:hover{--tw-text-opacity:1;color:rgb(165 180 252/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}.focus\:ring-offset-0:focus{--tw-ring-offset-width:0px}.has-\[\:checked\]\:border-indigo-500:has(:checked){--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity,1))}.has-\[\:checked\]\:ring-2:has(:checked){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.has-\[\:checked\]\:ring-indigo-500:has(:checked){--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity,1))}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:p-6{padding:1.5rem}.sm\:p-8{padding:2rem}.sm\:text-3xl{font-size:1.875rem;line-height:2.25rem}}@media (min-width:768px){.md\:order-2{order:2}.md\:order-3{order:3}.md\:col-span-1{grid-column:span 1/span 1}.md\:block{display:block}.md\:flex{display:flex}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem*var(--tw-space-x-reverse));margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)))}.md\:p-6{padding:1.5rem}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:py-3{padding-top:.75rem;padding-bottom:.75rem}.md\:pb-20{padding-bottom:5rem}.md\:pt-32{padding-top:8rem}.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:1024px){.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}

/* ============================================================
   Sand & Sage light theme — visual-only override.
   Added last on purpose: this file's own history is a long
   chain of "last !important wins" patches, so this block wins
   over all of them by coming after everything else. Nothing
   above this point was deleted; no text, markup, or JS logic
   (other than muting the decorative neural-network canvas) was
   touched.
   ============================================================ */
:root{
  color-scheme:light;
  --cx-bg:#EFEAE0;
  --cx-surface:#F8F5EF;
  --cx-surface-soft:#F1EBDC;
  --cx-border:#D9D2C3;
  --cx-ink:#2A2A22;
  --cx-ink-2:#4A4438;
  --cx-ink-soft:#6B6656;
  /* was #8C8672 — measured 3.0:1 on the beige, under the 4.5:1 readability
     norm. This sits at ~4.7:1; the hierarchy is now carried by size, weight
     and letter-spacing rather than by fading the colour out. */
  --cx-ink-faint:#6B6555;
  --cx-accent:#66794C;
  --cx-accent-hover:#4E5C39;
  --cx-accent-soft:rgba(102,121,76,.12);
  --cx-accent-ink:#FBF9F4;
  --cx-shadow:rgba(42,36,26,.12);
  --glass-bg:var(--cx-surface);
  --glass-bg-soft:var(--cx-surface-soft);
  --glass-border:var(--cx-border);
  --glass-shadow:0 10px 32px var(--cx-shadow);
}

/* Base */
html,body{background-color:var(--cx-bg)!important}
body{color:var(--cx-ink)!important}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{-webkit-text-fill-color:var(--cx-ink)!important;-webkit-box-shadow:0 0 0 30px var(--cx-surface) inset!important}

/* Background layers (neural canvas JS is disabled; this is now a plain static texture) */
#site-neural-bg{background-color:var(--cx-bg)!important;opacity:1!important;filter:none!important}
.site-depth-layer.site-depth-layer{
  opacity:1!important;
  filter:none!important;
  background:
    linear-gradient(rgba(42,42,34,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(42,42,34,.05) 1px,transparent 1px)!important;
  background-size:44px 44px,44px 44px!important;
}

/* Broad Tailwind utility safety net (covers anything not scoped below) */
.text-white.text-white,.hover\:text-white.hover\:text-white:hover{color:var(--cx-ink)!important}
.text-gray-300.text-gray-300{color:var(--cx-ink-2)!important}
.text-gray-400.text-gray-400{color:var(--cx-ink-soft)!important}
.text-gray-500.text-gray-500{color:var(--cx-ink-faint)!important}
.border-white.border-white,.border-white\/10.border-white\/10,.border-white\/20.border-white\/20{border-color:var(--cx-border)!important}
.bg-gray-700.bg-gray-700{background-color:var(--cx-surface-soft)!important}
.border-gray-600.border-gray-600{border-color:var(--cx-border)!important}
.bg-\[\#0a0a0a\].bg-\[\#0a0a0a\],.bg-\[\#121212\].bg-\[\#121212\]{background-color:var(--cx-surface)!important}
.bg-\[\#1f2937\].bg-\[\#1f2937\]{background-color:var(--cx-surface)!important}
.bg-\[\#121212\].bg-\[\#121212\] h1,.bg-\[\#121212\].bg-\[\#121212\] h2,.bg-\[\#121212\].bg-\[\#121212\] h3,.bg-\[\#121212\].bg-\[\#121212\] h4{color:var(--cx-ink)!important}
#services .bg-\[\#121212\].bg-\[\#121212\],#about .bg-\[\#121212\].bg-\[\#121212\]{background-color:var(--cx-surface)!important;border-color:var(--cx-border)!important}

/* "Indigo" utility remnants: neutral by default, accent only where it marks something as a feature/highlight */
.bg-indigo-600\/20.bg-indigo-600\/20,.bg-indigo-600\/10.bg-indigo-600\/10{background-color:var(--cx-surface-soft)!important}
.border-indigo-500\/30.border-indigo-500\/30{border-color:var(--cx-border)!important}
.text-indigo-400.text-indigo-400{color:var(--cx-ink-soft)!important}
.hover\:text-indigo-300.hover\:text-indigo-300:hover{color:var(--cx-ink)!important}
#services .bg-indigo-600\/20.bg-indigo-600\/20,#about .bg-indigo-600\/20.bg-indigo-600\/20,#services .border-indigo-500\/30.border-indigo-500\/30,#about .border-indigo-500\/30.border-indigo-500\/30{background-color:var(--cx-accent-soft)!important;border-color:rgba(102,121,76,.3)!important}
#services .text-indigo-400.text-indigo-400,#about .text-indigo-400.text-indigo-400,#pricing .text-indigo-400.text-indigo-400{color:var(--cx-accent)!important}
/* the same class is used on a real text link, which needs the darker tone to stay readable */
#pricing a.text-indigo-400.text-indigo-400{color:var(--cx-accent-hover)!important}
.hover\:border-indigo-500.hover\:border-indigo-500:hover,.has-\[\:checked\]\:border-indigo-500.has-\[\:checked\]\:border-indigo-500:has(:checked){border-color:var(--cx-accent)!important}
.has-\[\:checked\]\:ring-indigo-500.has-\[\:checked\]\:ring-indigo-500:has(:checked),.focus\:ring-indigo-500.focus\:ring-indigo-500:focus{--tw-ring-color:rgba(102,121,76,.35)!important}
input[type="checkbox"].text-indigo-600.text-indigo-600{color:var(--cx-accent)!important;accent-color:var(--cx-accent)!important}

/* Section headings */
#services h2,#about h1,#about h2,#roi-cta h2,#pricing h2,#faq h2,#booking h1,#services-detail h1,#services-detail h2,.main-content section h3,.detail-page h3,.animated-gradient-text.animated-gradient-text{
  color:var(--cx-ink)!important;-webkit-text-fill-color:var(--cx-ink)!important;background:none!important;text-shadow:none!important
}

/* Nav */
.pill-nav.pill-nav{background:rgba(248,245,239,.86)!important;border-color:var(--cx-border)!important;box-shadow:0 8px 28px var(--cx-shadow)!important}
.nav-link.nav-link{color:var(--cx-ink-soft)!important}
.nav-link.nav-link:hover{color:var(--cx-accent-hover)!important}
.brand-text.brand-text{background:none!important;-webkit-text-fill-color:var(--cx-ink)!important;color:var(--cx-ink)!important}

/* Hero */
.hero-title.hero-title{color:var(--cx-ink)!important;text-shadow:none!important}
.hero-subtitle.hero-subtitle{color:var(--cx-ink-soft)!important}


.hero-secondary-cta.hero-secondary-cta{color:var(--cx-ink)!important;background-color:var(--cx-surface)!important;border-color:var(--cx-border)!important}
.hero-secondary-cta.hero-secondary-cta:hover{color:var(--cx-ink)!important;background-color:var(--cx-surface-soft)!important;border-color:var(--cx-accent)!important}

/* Primary CTA buttons — the one place accent gets full weight */
.animated-button.animated-button,.pricing-button.pricing-button{
  background-color:var(--cx-accent)!important;background-image:none!important;animation:none!important;
  color:var(--cx-accent-ink)!important;border:1px solid var(--cx-accent-hover)!important;
  box-shadow:0 10px 26px rgba(102,121,76,.28)!important;
}
.animated-button.animated-button:hover,.pricing-button.pricing-button:hover{background-color:var(--cx-accent-hover)!important;box-shadow:0 12px 30px rgba(102,121,76,.34)!important}
.animated-button.animated-button:disabled{background-color:var(--cx-border)!important;color:var(--cx-ink-faint)!important;box-shadow:none!important}

/* Card hover glow: soft and warm instead of a bright white flash */
.card-glow-container.card-glow-container:before{background-color:var(--cx-accent-soft)!important}
#services .card-glow-container.card-glow-container:hover:before,#about .card-glow-container.card-glow-container:hover:before{opacity:.16!important}

/* How it works — .cortex-process-* is the live component system */
.cortex-process-kicker.cortex-process-kicker{background-color:var(--cx-surface)!important;border-color:var(--cx-border)!important;color:var(--cx-ink)!important}
.cortex-process-title.cortex-process-title{color:var(--cx-ink)!important}
.cortex-process-subtitle.cortex-process-subtitle{color:var(--cx-ink-soft)!important}
.cortex-process-card.cortex-process-card{background-color:var(--cx-surface)!important;background-image:none!important;border-color:var(--cx-border)!important;box-shadow:0 10px 30px var(--cx-shadow)!important}
.cortex-process-card.cortex-process-card:hover{border-color:var(--cx-accent)!important;box-shadow:0 14px 38px var(--cx-shadow)!important}
.cortex-process-number.cortex-process-number{background-color:var(--cx-surface-soft)!important;background-image:none!important;border-color:var(--cx-border)!important}
.cortex-process-number.cortex-process-number{color:var(--cx-ink)!important}

.cortex-process-card.cortex-process-card h3{color:var(--cx-ink)!important}
.cortex-process-card.cortex-process-card p{color:var(--cx-ink-soft)!important}
.cortex-process-panel.cortex-process-panel{background-color:var(--cx-surface-soft)!important;border-color:var(--cx-border)!important}
.cortex-process-panel-title.cortex-process-panel-title{color:var(--cx-ink)!important}
.cortex-process-row.cortex-process-row{color:var(--cx-ink-soft)!important;border-bottom-color:var(--cx-border)!important}
.cortex-process-green.cortex-process-green,.cortex-process-badge.cortex-process-badge{color:var(--cx-accent-hover)!important}
.cortex-process-badge.cortex-process-badge{background-color:var(--cx-accent-soft)!important;border-color:rgba(102,121,76,.3)!important}
.cortex-process-view-details.cortex-process-view-details{color:var(--cx-ink-faint)!important}
.cortex-process-card.cortex-process-card:hover .cortex-process-view-details{color:var(--cx-accent)!important}

/* Modal, cookie banner, ROI panel */
.modal-overlay.modal-overlay{background:rgba(42,38,30,.4)!important}
.modal-content.modal-content,#cookie-banner{color:var(--cx-ink)!important}
.modal-close-btn.modal-close-btn{color:var(--cx-ink-soft)!important}
.modal-close-btn.modal-close-btn:hover{color:var(--cx-ink)!important}
#roi-result strong{color:var(--cx-ink)!important}
#roi-amount{color:var(--cx-accent)!important;-webkit-text-fill-color:var(--cx-accent)!important}

#roi-modal input[type="number"]{color-scheme:light!important}

/* Detail pages: the numbered step pills and the hairline that links them */
.detail-flow-step.detail-flow-step{background-color:var(--cx-surface)!important;border-color:var(--cx-border)!important;color:var(--cx-ink)!important}
.detail-flow-number.detail-flow-number{color:var(--cx-ink-faint)!important}
/* the connector was a white gradient — invisible here. Warm tone pulled a
   little towards the sage accent so it reads as part of the flow, still
   fading at both ends so it never competes with the pills. */
.detail-flow-line.detail-flow-line{
  background:linear-gradient(90deg,rgba(155,164,130,.35),rgba(155,164,130,.92) 35%,rgba(155,164,130,.92) 65%,rgba(155,164,130,.35))!important
}

/* Widening the hero for the diagram made .hero-content (z-index:2) stretch
   across the Scroll link on the left, so the diagram's SVG was swallowing the
   clicks. Lift the link above it, and make the purely decorative wires and
   packets ignore the pointer entirely. */
#scroll-indicator{z-index:3}
.cxwf-wires,.cxwf-packet{pointer-events:none}

/* Anchor landing position: the sections stopped 30px below the top of the
   screen, but the nav is fixed and ~134px tall, so the section heading ended up
   tucked underneath it. The offset now follows the nav's real measured height,
   which also covers the taller wrapped header on narrow screens. */
#home,#services,#how-it-works,#about,#roi-cta,#pricing,#faq{
  scroll-margin-top:var(--cx-header-h,8.5rem)!important
}

/* Every section carried a different amount of room above its heading — 120px
   for Services, 106 for How It Works, 132 for the rest — so no single landing
   rule could ever put both the divider and the heading in the same place twice.
   The two short ones are padded out to match the tallest, which makes all six
   behave identically. Written here rather than measured in JavaScript on the
   fly: doing it at runtime changed the page height a moment after the fonts
   arrived, which shifted the page under the reader and produced a visible jump. */
   Applied at the very end of the stylesheet, after every other rule that
   touches these paddings. */

/* Contact address in the footer, spelled out rather than hidden behind a form,
   so a visitor — and Google — can see who is behind the site. Tailwind is
   compiled statically now, so a new class needs real CSS written for it. */
.footer-email{
  color:var(--cx-accent-hover)!important;
  font-weight:600;
  text-decoration:none;
  border-bottom:1px solid transparent;
  transition:border-color .2s ease
}
.footer-email:hover{border-bottom-color:var(--cx-accent-hover)}

/* Thin divider between sections */
.cortex-section-divider.cortex-section-divider{background:linear-gradient(90deg,transparent,var(--cx-border) 20%,var(--cx-border) 80%,transparent)!important;opacity:.9!important}
.cortex-section-divider.cortex-section-divider::after{opacity:0!important}

/* ---------- Detail pages ----------
   These screens kept white-on-dark text from the old theme, which left the
   feature lists and the Pro Tip copy invisible on the light background. */
.detail-page .detail-section{border-top-color:var(--cx-border)!important}
.detail-page .detail-section h2{
  color:var(--cx-ink)!important;-webkit-text-fill-color:var(--cx-ink)!important;
  background:none!important;border:0!important;box-shadow:none!important
}
.detail-page .detail-section>p,
.detail-page .detail-section.text-center>p{
  color:var(--cx-ink-soft)!important;background:none!important;border:0!important;box-shadow:none!important
}
.detail-page .detail-section ul li{
  color:var(--cx-ink-2)!important;background:none!important;border:0!important;box-shadow:none!important
}
.detail-page .detail-section ul li span{color:var(--cx-ink-2)!important}
.detail-page .detail-section ul li svg{color:var(--cx-accent)!important;stroke:var(--cx-accent)!important;opacity:1!important}
.detail-page .detail-section ul li:hover{color:var(--cx-ink)!important}
.detail-page .detail-section ul li:hover svg{color:var(--cx-accent-hover)!important;stroke:var(--cx-accent-hover)!important}

/* Pro Tip: a light highlight pill in the same language as the workflow badges */
#ai-idea-generator{border-top-color:var(--cx-border)!important}
#ai-idea-generator>p{color:var(--cx-ink-soft)!important}
#idea-title{
  background:var(--cx-accent-soft)!important;
  border:1px solid rgba(102,121,76,.3)!important;
  color:var(--cx-accent-hover)!important;
  -webkit-text-fill-color:var(--cx-accent-hover)!important;
  box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
}
#idea-title .pro-tip-icon{color:var(--cx-accent)!important;stroke:var(--cx-accent)!important}
#idea-result{
  color:var(--cx-ink-soft)!important;background:none!important;border:0!important;box-shadow:none!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important
}
#idea-result p{color:var(--cx-ink-soft)!important}
#idea-result strong{color:var(--cx-ink)!important}


/* ============================================================
   New, additive-only features: scroll reveal + AI chat preview.
   Nothing existing is modified — this only styles new elements
   and a runtime-added ".reveal-io" class.
   ============================================================ */

/* Scroll reveal (skipped entirely for reduced-motion users) */
@media (prefers-reduced-motion: no-preference){
  .reveal-io{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}
  .reveal-io.is-visible{opacity:1;transform:none}
}

/* ---------- Live workflow canvas (n8n-style) ----------
   Everything is prefixed .cxwf- so it cannot collide with any
   existing class on the page. The canvas keeps a fixed internal
   coordinate system (so node/connector geometry stays exact) and
   is scaled by script to fit both the width and the height it has. */

/* no panel chrome — the diagram sits directly on the hero background */
.cxwf-panel{width:100%;margin:clamp(1rem,3.6vh,3.4rem) auto 0}
.cxwf-caption{margin:.7rem 0 0;color:var(--cx-ink-faint);font-size:.66rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.cxwf-stage{position:relative;width:100%;display:flex;justify-content:center;overflow:hidden}
.cxwf-canvas{position:relative;flex:0 0 auto;width:1054px;transform-origin:top center;transform:scale(var(--cxwf-k,1))}
.cxwf-wires{position:absolute;inset:0;width:100%;height:100%;overflow:visible}

.cxwf-conn{fill:none;stroke:#C8BFAB;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.cxwf-trail{fill:none;stroke:var(--cx-accent);stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;opacity:0;
  transition:stroke-dashoffset .72s cubic-bezier(.45,0,.25,1),opacity .3s ease}
.cxwf-trail.is-drawing{opacity:1}

.cxwf-node{position:absolute;height:64px;display:flex;align-items:center;gap:.75rem;padding:0 .9rem;
  background-color:var(--cx-surface);border:1.5px solid var(--cx-border);border-radius:12px;
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 6px 16px var(--cx-shadow);
  transition:border-color .26s ease,box-shadow .26s ease,transform .26s ease}
.cxwf-node.cxwf-trigger{border-radius:32px 12px 12px 32px;padding-left:.55rem}
.cxwf-node::after{content:'';position:absolute;inset:-1.5px;border-radius:inherit;border:1.5px solid var(--cx-accent);
  box-shadow:0 0 0 3.5px var(--cx-accent-soft);opacity:0;pointer-events:none;transition:opacity .26s ease}

.cxwf-icon{flex:0 0 auto;width:42px;height:42px;border-radius:11px;background-color:var(--cx-surface-soft);
  border:1px solid var(--cx-border);display:flex;align-items:center;justify-content:center;
  transition:background-color .26s ease,border-color .26s ease}
.cxwf-icon svg{width:22px;height:22px;stroke:var(--cx-ink-soft);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;transition:stroke .26s ease}

/* the hero section is text-center, which was pulling the small label into the
   middle of the node instead of sitting flush above the name */
.cxwf-text{display:flex;flex-direction:column;gap:3px;min-width:0;text-align:left}
.cxwf-kind{font-size:.62rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--cx-ink-faint);line-height:1;transition:color .26s ease}
.cxwf-label{font-size:.86rem;font-weight:700;color:var(--cx-ink);white-space:nowrap;line-height:1.2}

.cxwf-check{position:absolute;top:-8px;right:-8px;width:19px;height:19px;border-radius:50%;background-color:var(--cx-accent);
  display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.4);
  transition:opacity .24s ease,transform .28s cubic-bezier(.34,1.56,.64,1);box-shadow:0 3px 8px var(--cx-shadow)}
.cxwf-check svg{width:11px;height:11px;stroke:var(--cx-accent-ink);stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}

/* one shared "lit" look for hover AND live execution */
.cxwf-node:hover,.cxwf-node.is-running{border-color:var(--cx-accent);transform:translateY(-2px);
  box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 10px 22px var(--cx-shadow)}
.cxwf-node.is-running::after{opacity:1}
.cxwf-node:hover .cxwf-icon,.cxwf-node.is-running .cxwf-icon{background-color:var(--cx-accent-soft);border-color:rgba(102,121,76,.34)}
.cxwf-node:hover .cxwf-icon svg,.cxwf-node.is-running .cxwf-icon svg{stroke:var(--cx-accent-hover)}
.cxwf-node:hover .cxwf-kind,.cxwf-node.is-running .cxwf-kind{color:var(--cx-accent-hover)}
.cxwf-node.is-done .cxwf-check{opacity:1;transform:scale(1)}

.cxwf-packet{position:absolute;top:0;left:0;width:11px;height:11px;border-radius:50%;background-color:var(--cx-accent);
  box-shadow:0 0 0 3px rgba(102,121,76,.16),0 0 12px rgba(102,121,76,.5);offset-distance:0%;opacity:0;
  transition:offset-distance .72s cubic-bezier(.45,0,.25,1),opacity .22s ease}
.cxwf-packet.is-flying{opacity:1;offset-distance:100%}

/* Wide layout (default). Kept deliberately flat: on a laptop the hero's
   height is what limits the diagram, so trimming dead vertical space is
   what actually lets it grow wider. */
.cxwf-canvas{height:300px}
.cxwf-canvas:not(.is-stacked) .cxwf-node{height:76px}
/* widths are content + an even ~18px of trailing room, so every node looks
   equally filled once the text is left-aligned */
.cxwf-canvas [data-node="A"]{left:24px;top:112px;width:162px}
.cxwf-canvas [data-node="B"]{left:286px;top:112px;width:214px}
.cxwf-canvas [data-node="C1"]{left:564px;top:12px;width:202px}
.cxwf-canvas [data-node="C2"]{left:564px;top:212px;width:202px}
.cxwf-canvas [data-node="D"]{left:836px;top:112px;width:194px}

/* narrow layout — same fork, folded into a column; script swaps the wires to match */
.cxwf-canvas.is-stacked{width:340px;height:432px}
.cxwf-canvas.is-stacked [data-node="A"]{left:20px;top:10px;width:300px}
.cxwf-canvas.is-stacked [data-node="B"]{left:20px;top:114px;width:300px}
.cxwf-canvas.is-stacked [data-node="C1"]{left:20px;top:226px;width:146px;height:76px}
.cxwf-canvas.is-stacked [data-node="C2"]{left:174px;top:226px;width:146px;height:76px}
.cxwf-canvas.is-stacked [data-node="D"]{left:20px;top:358px;width:300px}
.cxwf-canvas.is-stacked [data-node="C1"],
.cxwf-canvas.is-stacked [data-node="C2"]{padding:0 .55rem;gap:.5rem}
.cxwf-canvas.is-stacked [data-node="C1"] .cxwf-label,
.cxwf-canvas.is-stacked [data-node="C2"] .cxwf-label{white-space:normal;font-size:.72rem;line-height:1.25}

@media(max-width:640px){
  .cxwf-panel{margin-top:1.5rem}
}

/* ---------- Hero: entrance sequence on load ----------
   The scroll-reveal observer only fires on scroll, so the first screen
   never animated. `backwards` fill is deliberate: the elements keep their
   normal visible state as the base, so if animations are unavailable they
   simply show — they can never get stuck invisible. */
@keyframes cxHeroIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: no-preference){
  #home .hero-title{animation:cxHeroIn .8s cubic-bezier(.22,1,.36,1) .05s backwards}
  #home .hero-subtitle{animation:cxHeroIn .8s cubic-bezier(.22,1,.36,1) .16s backwards}
  #home .cxwf-panel{animation:cxHeroIn .8s cubic-bezier(.22,1,.36,1) .28s backwards}
  #home .cxwf-caption{animation:cxHeroIn .8s cubic-bezier(.22,1,.36,1) .4s backwards}
  #home .hero-cta-group{animation:cxHeroIn .8s cubic-bezier(.22,1,.36,1) .48s backwards}
}

/* The supporting line finishes the thought the headline starts, so it is
   deliberately quieter than the old subtitle: smaller and lower contrast,
   so it reads as support rather than a competing second headline. */
#home .hero-subtitle{
  font-size:clamp(.95rem,1.3vw,1.15rem)!important;
  line-height:1.5!important;
  color:var(--cx-ink-faint)!important;
  margin-top:.8rem!important;
  max-width:34rem;
}

/* The hero centres its content vertically, but when the content is taller than
   the screen (a phone held sideways, a very short window) plain centring spills
   it upwards, straight under the fixed nav. `safe` keeps the centring while
   falling back to top-alignment in exactly that case; the media query covers
   browsers that don't support the keyword. */
#home{align-items:safe center!important}
@supports not (align-items:safe center){
  @media (max-height:560px){ #home{align-items:flex-start!important} }
}
/* The hero gives its full width to the diagram. width:100% is the key part:
   .hero-content is a flex item, so without it the container shrinks to its
   widest child and the diagram can never grow past its own 900px. */
#home .hero-content{width:100%!important;max-width:min(1600px,97vw)!important}

/* Vertical rhythm scales with the height of the screen instead of jumping at
   breakpoints: on a short laptop window every gap tightens, which hands the
   freed height to the diagram; on a tall monitor they open up to their full
   size. Desktop only — the phone keeps its own padding, and there the hero is
   allowed to grow past the fold anyway. */
@media(min-width:768px){
  #home{
    padding-top:clamp(7.9rem,16vh,8rem)!important;
    padding-bottom:clamp(2rem,5vh,3.5rem)!important;
  }
  #home .hero-cta-group{margin-top:clamp(.85rem,2.1vh,2rem)!important}
}

/* On a short window the content is taller than the screen, so it top-aligns and
   starts at the padding edge — which then has to clear the real header. The nav
   wraps to more rows there, so the height is measured at runtime rather than
   guessed. Must come last: it overrides the padding set just above. */
@media (max-height:600px){
  #home{
    padding-top:calc(var(--cx-header-h,9rem) + 1.25rem)!important;
    padding-bottom:2rem!important;
  }
}

/* Levelling the room above each heading — see the note further up. Written last
   so it wins over the earlier rules that set these same paddings. */
#services#services{padding-top:80px!important}
#how-it-works#how-it-works{padding-top:110px!important}
/* the phone layout starts from smaller paddings of its own, so it needs its own
   pair of figures to end up just as level */
@media(max-width:767px){
  #services#services{padding-top:58px!important}
  #how-it-works#how-it-works{padding-top:76px!important}
}

/* will-change was set permanently on every button and card, which asks the
   browser to keep twenty-odd elements on graphics layers of their own for the
   whole visit whether anything is moving or not — memory spent continuously to
   save a moment that only ever arrives on hover. Promised at the moment of
   hovering instead, which is what the hint is for. */
.animated-button,.pricing-button,.hero-secondary-cta,
.card-glow-container,.cortex-process-card{will-change:auto!important}
.animated-button:hover,.pricing-button:hover,.hero-secondary-cta:hover,
.card-glow-container:hover,.cortex-process-card:hover{will-change:transform!important}

/* The space under the Pro Tip and the footer added up to 144px of nothing.
   Trimmed to leave air without the drift. */
.detail-page.detail-page{padding-bottom:34px!important}

/* Finger-sized targets, phones only — the desktop layout is untouched.
   These three are ordinary inline links, about 19px tall, which is fine for a
   mouse and awkward for a thumb. Rather than making them bigger and changing
   how the page looks, an invisible pad is laid over each one to bring the
   reachable area up to the 44px that a finger expects. Nothing moves, nothing
   changes size; there is simply more of it to hit. */
@media(max-width:767px){
  footer .footer-email,
  #open-subscription-modal,
  #cookie-banner #open-privacy-modal{
    position:relative;
    display:inline-block;
  }
  footer .footer-email::after,
  #open-subscription-modal::after,
  #cookie-banner #open-privacy-modal::after{
    content:'';
    position:absolute;
    left:0;
    right:0;
    top:50%;
    transform:translateY(-50%);
    height:44px;
  }
}


.detail-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.85rem}
.detail-related-link{display:block;padding:1rem 1.2rem;border-radius:.9rem;background-color:var(--cx-surface);border:1px solid var(--cx-border);color:var(--cx-ink);font-weight:600;text-decoration:none;transition:border-color .2s ease,transform .2s ease}
.detail-related-link:hover{border-color:var(--cx-accent);transform:translateY(-2px)}

.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr));gap:1.1rem;margin-top:2.75rem}
.hub-card{display:flex;flex-direction:column;gap:.5rem;padding:1.6rem 1.7rem;border-radius:1.1rem;background-color:var(--cx-surface);border:1px solid var(--cx-border);text-decoration:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}
.hub-card:hover{border-color:var(--cx-accent);transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.07)}
.hub-card h2{font-size:1.3rem;font-weight:700;color:var(--cx-ink);margin:0}
.hub-card p{font-size:1rem;line-height:1.55;color:var(--cx-ink-soft,var(--cx-ink));margin:0}
.hub-card-more{margin-top:.35rem;font-size:.92rem;font-weight:600;color:var(--cx-accent-hover)}