/* Fernex branding + motion overlay. Original ProjectOne geometry and responsive CSS are intentionally preserved. */
:root { --fernex-accent:#785CA6; --fernex-accent-dark:#593F84; --fernex-near-black:#131311; --fernex-paper:#fafafa; }
html{scroll-behavior:smooth; scroll-padding-top:110px}
body{overflow-x:hidden}
::selection{background:var(--fernex-accent);color:white}
/* The static SaveWeb2Zip export contains pre-animation inline alpha values. Don't leave headings hidden when Framer runtime is absent. */
[data-framer-appear-id], [style*="opacity:0.001"], [style*="opacity:0;"] {opacity:1 !important}
/* Preserve original screenshot's headings, but restore sensible fonts for corrupted inline span styles on some variants. */
[data-framer-name="Hero Heading"] h1 {opacity:1!important;font-family:Manrope,Arial,sans-serif !important;font-weight:800!important;letter-spacing:-.053em!important;line-height:1.01!important;}
.fr a,.framer-text{font-synthesis:none}
[data-framer-name="Nav Wrapper"]{will-change:translate,opacity;transition:translate .65s cubic-bezier(.2,.8,.2,1),opacity .45s ease!important}
[data-framer-name="Nav Wrapper"].fernex-nav-hidden{translate:0 -135% !important;opacity:0!important;pointer-events:none}
[data-framer-name="Nav Wrapper"].fernex-nav-enter{animation:fernex-nav-enter .9s cubic-bezier(.16,1,.3,1) both}
@keyframes fernex-nav-enter{from{translate:0 -135%;opacity:0}to{translate:0 0;opacity:1}}
/* Keep all existing logo containers so header entry and layout never shift. */
a[data-framer-name="Nav Logo"], [data-framer-name="Nav Logo"]{position:relative!important;isolation:isolate}
[data-framer-name="Nav Logo"] > [data-framer-name="Logo Light"], [data-framer-name="Nav Logo"] > [data-framer-component-type="SVG"]{visibility:hidden!important}
[data-framer-name="Nav Logo"]::after{content:"";pointer-events:none;position:absolute;inset:-4px 0;background:url("images/fernex-wordmark.png") no-repeat left center / contain;z-index:2}
/* Footer logos in source can have slightly different wrappers. */
[data-framer-name="Footer Top"] [data-framer-name="Logo"], [data-framer-name="Footer Content"] [data-framer-name="Logo"] {position:relative}
[data-framer-name="Footer Top"] [data-framer-name="Logo"] .svgContainer, [data-framer-name="Footer Content"] [data-framer-name="Logo"] .svgContainer {visibility:hidden}
[data-framer-name="Footer Top"] [data-framer-name="Logo"]::after, [data-framer-name="Footer Content"] [data-framer-name="Logo"]::after {content:"";position:absolute;inset:0;background:url("images/fernex-wordmark.png") left center/contain no-repeat}
/* High contrast nav, regardless of the downloader's damaged inline typography attributes. */
[data-framer-name="Menu Items"] .framer-text, [data-framer-name="Menu Inner"] .framer-text, a[data-framer-name="Nav"] .framer-text {color:#fafafa!important;fill:#fafafa!important}
[data-framer-name="Menu Inner"] a:hover .framer-text{color:#d8c1fb!important}
[data-framer-name="Menu Inner"] a{transition:background-color .3s,translate .3s}
[data-framer-name="Menu Inner"] a:hover{translate:0 -2px}
[data-framer-name="Arrow Icon"]{transition:background-color .25s ease,transform .3s ease}
a:hover [data-framer-name="Arrow Icon"] {transform:rotate(-32deg) scale(1.06)}
/* New purple theme on original tokenized lime surface + raw SVG colours */
body{--token-fe9dedc1-7167-4441-8d0e-1755c18dc836:#785CA6!important;--token-b9f44e14-5aab-4e3b-9bc1-da1e57d75394:#61458e!important}
svg [fill="#C6FD50"],svg [fill="#c6fd50"],svg [fill="#96d411"]{fill:#785CA6!important}
svg [stroke="#C6FD50"],svg [stroke="#c6fd50"],svg [stroke="#96d411"]{stroke:#785CA6!important}
/* Buttons stay readable when background is purple rather than neon-lime. */
a[style*="background-color:rgb(120, 92, 166)"] .framer-text,
button[style*="background-color:rgb(120, 92, 166)"] .framer-text{color:#fff!important}
[data-framer-name="Nav"] .framer-text{color:#fff!important}
/* Motion primitives - use individual translate property to preserve the original rotated Framer cards. */
[data-framer-name="Polaroid Frame"]{animation:fernex-float 6s ease-in-out infinite;will-change:translate;}
[data-framer-name="Polaroid Frame"]:nth-of-type(2n){animation-duration:7.2s;animation-delay:-2s}
[data-framer-name="Polaroid Frame"]:nth-of-type(3n){animation-duration:8.1s;animation-delay:-4s}
@keyframes fernex-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
[data-framer-name="Polaroid Frame"] img, [data-framer-name="Gallery Image"] img{transition:scale .65s cubic-bezier(.16,1,.3,1),filter .45s}
[data-framer-name="Polaroid Frame"]:hover img,[data-framer-name="Gallery Image"]:hover img{scale:1.075}
[data-framer-name="Gallery Image"]{overflow:hidden}
.fx-reveal{transition:opacity .85s cubic-bezier(.2,.75,.25,1),translate .9s cubic-bezier(.16,1,.3,1)!important;will-change:opacity,translate}
.motion-on .fx-reveal:not(.fx-show){opacity:0!important;translate:0 45px}
.motion-on .fx-reveal.fx-show{opacity:1!important;translate:0 0}
.motion-on .fx-reveal[data-reveal-direction="left"]:not(.fx-show){translate:-45px 0}
.motion-on .fx-reveal[data-reveal-direction="right"]:not(.fx-show){translate:45px 0}
/* Heading entrance, hero copy included. */
.fx-hero{animation:fernex-hero-in 1.05s cubic-bezier(.18,1,.3,1) both}
@keyframes fernex-hero-in{from{opacity:0;translate:0 48px;filter:blur(7px)}to{opacity:1;translate:0 0;filter:blur(0)}}
/* FAQ accordion - identical card appearance, new accessible function layer. */
[data-framer-name="Primary Mob - Closed"]{cursor:pointer!important}
[data-framer-name="Primary Mob - Closed"]:focus-visible{outline:3px solid var(--fernex-near-black)!important;outline-offset:3px}
[data-framer-name="Primary Mob - Closed"] [data-framer-name="FAQ Expand Icon Container"]{transition:rotate .32s ease}
[data-framer-name="Primary Mob - Closed"][aria-expanded="true"] [data-framer-name="FAQ Expand Icon Container"]{rotate:45deg}
.fernex-faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease,opacity .3s ease;opacity:0}
.fernex-faq-answer>div{overflow:hidden;line-height:1.65;font:500 14px/1.75 Manrope,Arial,sans-serif;max-width:900px}
.fernex-faq-answer.is-open{grid-template-rows:1fr;opacity:1}
.fernex-faq-answer.is-open>div{padding:15px 22px 23px;color:#17151b}
.fernex-faq-answer a{text-decoration:underline}
/* Pricing currency buttons. */
button[data-fernex-selected="true"]{background:var(--fernex-near-black)!important;color:#fff!important}
button[data-fernex-selected="false"]{transition:background .25s ease}
button[data-fernex-selected="false"]:hover{background:#ddd3eb!important}
.fernex-price-note{text-align:center;color:#777;font:500 11px Manrope,sans-serif;max-width:260px;margin:6px auto 0}
/* Desktop full-width black sections retain the original white headings. */
#why-us .framer-text,#about .framer-text { text-wrap:pretty }
/* Contact form feedback */
.fernex-form-message{font:600 13px/1.5 Manrope,Arial,sans-serif;padding:12px;border:1px solid #d0b8e9;border-radius:8px;margin-top:10px;background:#efe5fb;color:#251c2d}
/* Mobile menu, supplementary only on narrow screen. */
.fernex-mobile-toggle{display:none;z-index:999999;border:1px solid #b9add0;position:fixed;right:18px;top:16px;background:#151515;color:white;padding:11px 16px;border-radius:10px;box-shadow:0 5px 0 #785CA6;cursor:pointer;font:700 13px Manrope,Arial,sans-serif}
.fernex-mobile-menu{display:none;position:fixed;inset:0;z-index:999998;background:rgba(15,12,23,.96);padding:95px 30px 25px;align-content:start;gap:20px;backdrop-filter:blur(14px)}
.fernex-mobile-menu.open{display:grid;animation:fernex-menu-in .36s ease both}
.fernex-mobile-menu a{color:white;font:800 clamp(25px,6vw,36px) Manrope,Arial,sans-serif;text-decoration:none;padding:6px;border-bottom:1px solid #53495e}
.fernex-mobile-menu a:last-child{background:var(--fernex-accent);padding:12px;border-radius:9px;font-size:19px}
@keyframes fernex-menu-in{from{opacity:0;translate:0 -12px}to{opacity:1;translate:0 0}}
@media(max-width:809px){
 .fernex-mobile-toggle{display:block}
 [data-framer-name="Hero Heading"] h1{font-size:clamp(44px,10vw,64px)!important;line-height:1.05!important}
 [data-framer-name="Nav Wrapper"]{padding-right:60px!important}
 .motion-on .fx-reveal:not(.fx-show){translate:0 22px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.motion-on .fx-reveal:not(.fx-show){opacity:1!important;translate:0 0!important}}
/* Static entrance transforms otherwise stack all five hero cards over the heading. */
[data-framer-appear-id]{transform:none!important}
/* Hero text size/weight should match the thin paragraph in the provided reference. */
[data-framer-name="Hero Description"] .framer-text,
[data-framer-name="Hero Description"] .framer-text *{font-family:Manrope,Arial,sans-serif!important;font-size:15px!important;font-weight:500!important;letter-spacing:-.02em!important;line-height:1.4!important}
[data-framer-name="Hero Description"] {max-width:570px;margin-inline:auto}
/* Black band before pricing: original static export loses some white inline color declarations. */
#pricing [data-framer-name="One Page"] .framer-text,
#pricing [data-framer-name="One Page"] .framer-text *{color:#fafafa!important}
#pricing [data-framer-name="One Page"] [data-framer-name="Accent"] .framer-text {color:#d6c3ef!important}
/* Avoid hidden/cropped moving rich text in non-hydrated export. */
[style*="opacity:0.001"]{transform:none!important}
@media(max-width:809px){[data-framer-name="Hero Description"] .framer-text,[data-framer-name="Hero Description"] .framer-text *{font-size:13px!important}}
/* The downloaded non-hydrated FAQ variants otherwise lose their inline question text color. */
#faqs [data-framer-name="Question"] .framer-text,
#faqs [data-framer-name="Question"] .framer-text * {color:#181320!important;font:600 14px/1.45 Manrope,Arial,sans-serif!important}
#faqs [data-framer-name="Closed"],
#faqs [data-framer-name="Good Fit - Mob Closed"],
#faqs [data-framer-name="Primary Mob - Closed"] {cursor:pointer!important}
#faqs [aria-expanded="true"] [data-framer-name="FAQ Expand Icon Container"]{rotate:45deg}
#faqs [data-framer-name="Heading"] h3{font-family:Manrope,Arial,sans-serif!important;color:#181320!important;font-size:clamp(18px,2vw,27px)!important;font-weight:800!important}
/* Reference black feature panel headline: restored from corrupted inline font attributes. */
#pricing [data-framer-name="One Page"] [data-framer-name="Heading"] .framer-text,
#pricing [data-framer-name="One Page"] [data-framer-name="Heading"] .framer-text *{
 color:#fafafa!important;font-family:Manrope,Arial,sans-serif!important;
 font-size:clamp(37px,4.2vw,62px)!important;line-height:1.04!important;font-weight:800!important;
 letter-spacing:-.05em!important;text-align:center!important;
}
#pricing [data-framer-name="One Page"] [data-framer-name="Description"] .framer-text,
#pricing [data-framer-name="One Page"] [data-framer-name="Description"] .framer-text *{
 color:#eee!important;font:500 15px/1.5 Manrope,Arial,sans-serif!important;text-align:center!important
}

/* === Fernex V5: accessible dark text, fixed expanding header, enhanced interactions === */
:root{--fx-purple:#785CA6;--fx-deep:#17151b;--fx-offwhite:#f3f2ea}
/* Header stays fixed. Nav morphs from 4 links + CTA to compact CTA when scrolling down. */
#main > .framer-1gf4hqb-container,
#main > [class*="framer-1gf4hqb"]{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:99992!important;pointer-events:none!important}
#main > [class*="framer-1gf4hqb"] nav, #main > [class*="framer-1gf4hqb"] [data-framer-name="Nav Wrapper"]{pointer-events:auto!important}
[data-framer-name="Nav Wrapper"]{z-index:99990!important;opacity:1!important;translate:0 0!important;transition:transform .72s cubic-bezier(.19,1,.22,1),opacity .5s ease!important}
[data-framer-name="Nav Wrapper"].fernex-nav-hidden{translate:0 0!important;opacity:1!important;pointer-events:auto!important}
[data-framer-name="Nav Wrapper"] [data-framer-name="Menu"]{transform-origin:100% 50%;transition:width .68s cubic-bezier(.19,1,.22,1),opacity .45s ease,transform .68s cubic-bezier(.19,1,.22,1)!important}
[data-framer-name="Nav Wrapper"].fx-compact [data-framer-name="Menu Overflow"]{max-width:0!important;width:0!important;opacity:0!important;transform:translateX(34px) scale(.83);pointer-events:none!important;overflow:hidden!important;transition:max-width .6s cubic-bezier(.19,1,.22,1),opacity .3s,transform .6s!important}
[data-framer-name="Nav Wrapper"] [data-framer-name="Menu Overflow"]{max-width:700px;transition:max-width .72s cubic-bezier(.19,1,.22,1),opacity .3s,transform .72s!important}
[data-framer-name="Nav Wrapper"].fx-compact [data-framer-name="Menu"]{width:132px!important;min-width:132px!important;gap:0!important}
[data-framer-name="Nav Wrapper"] [data-framer-name="Menu"]{will-change:width}
[data-framer-name="Nav Wrapper"] [data-framer-name="Menu Items"] .framer-text{color:white!important}
[data-framer-name="Nav Wrapper"] a:hover{filter:brightness(1.18)}
/* Screenshot problem: black paragraphs rendered inside the charcoal intro feature. Preserve dark text in purple stickers. */
[data-framer-name="Problem Wrapper"] [data-framer-name="Header Container"] .framer-text,
[data-framer-name="Problem Wrapper"] [data-framer-name="Header Container"] .framer-text *,
[data-framer-name="Problem Wrapper"] [data-framer-name="List Items"] .framer-text,
[data-framer-name="Problem Wrapper"] [data-framer-name="List Items"] .framer-text *{color:#fafafa!important;fill:#fafafa!important}
[data-framer-name="Problem Wrapper"] [data-framer-name="Phrase Text"] .framer-text,
[data-framer-name="Problem Wrapper"] [data-framer-name="Phrase Text"] .framer-text *{color:#17121f!important}
/* Dark sections and titles, avoiding ivory testimonials and pale gallery cards */
[data-framer-name="Dark BG"] [data-framer-name="Trust Heading"] .framer-text,
[data-framer-name="Dark BG"] [data-framer-name="Trust Subheading"] .framer-text,
[data-framer-name="Dark BG"] [data-framer-name="Trust Text"] .framer-text,
[data-framer-name="Dark BG"] [data-framer-name="About Heading"] .framer-text,
[data-framer-name="Dark BG"] [data-framer-name="About Text"] .framer-text{color:#fafafa!important}
[data-framer-name="Dark BG"] [data-framer-name="Testimonial"] .framer-text{color:#17151b!important}
[data-framer-name="Testimonial"] [data-framer-name="Testimonial Heading"] p{font-weight:800!important;color:#17151b!important;line-height:1.13!important}
/* Animate hover without shifting Framer's layout transform. */
[data-framer-name="List Items"] [data-framer-name="Variant 1"],
[data-framer-name="One Card"], [data-framer-name="Timeline Card"],
[data-framer-name="Gallery Image"], [data-framer-name="Polaroid Frame"]{
 transition:translate .44s cubic-bezier(.16,1,.3,1),box-shadow .45s ease,filter .4s ease!important;
}
[data-framer-name="List Items"] [data-framer-name="Variant 1"]:hover,
[data-framer-name="One Card"]:hover,[data-framer-name="Timeline Card"]:hover{translate:0 -6px!important;box-shadow:0 14px 38px rgba(120,92,166,.22)!important}
[data-framer-name="Gallery Image"]:hover{translate:0 -6px!important;filter:brightness(1.035)}
[data-framer-name="Polaroid Frame"]:hover{scale:1.04;filter:drop-shadow(0 12px 18px rgba(120,92,166,.16))}
/* Mouse-follow cursor: hidden for touch/reduced motion and never intercepts clicks. */
.fx-cursor{position:fixed;left:0;top:0;width:27px;height:27px;border:1.5px solid var(--fx-purple);border-radius:50%;pointer-events:none;z-index:999999;opacity:0;transform:translate3d(-100px,-100px,0);transition:opacity .3s,width .3s,height .3s,border .3s;mix-blend-mode:multiply}
.fx-cursor:before{content:'';position:absolute;inset:9px;background:var(--fx-purple);border-radius:50%}
.fx-cursor.fx-active{width:49px;height:49px;border-width:2px;background:rgba(120,92,166,.14)}
.fx-cursor.fx-active:before{inset:19px}
@media(pointer:fine){body.fx-pointer{cursor:auto}}
/* Purple spotlight follows pointer within highlighted sections. */
.fx-spotlight{position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(380px circle at var(--fx-mx,50%) var(--fx-my,50%),rgba(120,92,166,.16),transparent 68%);opacity:0;transition:opacity .4s}
.fx-hover-surface:hover>.fx-spotlight{opacity:1}
.fx-hover-surface{isolation:isolate}
.fx-hover-surface >*:not(.fx-spotlight){position:relative;z-index:1}
/* GSAP reveal: initial styles added only after animation engine starts; no invisible headings without JS/CDN. */
.fx-gsap-ready .fx-gsap-entrance{will-change:transform,opacity}
/* Slider replaces frozen, over-wide static Framer ticker but reuses its content/images. */
.fx-testimonial-slider{position:relative;width:100%;max-width:1440px;margin:0 auto;padding:0 0 30px;overflow:hidden}
.fx-slider-top{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:5px clamp(20px,4.5vw,70px) 20px;color:#fff}
.fx-slider-top h3{font:800 clamp(18px,2.1vw,28px)/1.2 Manrope,Arial,sans-serif;color:#fff;margin:0;letter-spacing:-.035em}
.fx-slide-buttons{display:flex;gap:9px}
.fx-slide-buttons button{width:42px;height:42px;display:grid;place-items:center;cursor:pointer;border:1px solid rgba(255,255,255,.6);background:#242424;color:#fff;border-radius:50%;font-size:23px;transition:background .2s,transform .25s}
.fx-slide-buttons button:hover,.fx-slide-buttons button:focus-visible{background:#785CA6;transform:scale(1.08)}
.fx-slider-window{width:100%;overflow:hidden;touch-action:pan-y;cursor:grab}
.fx-slider-window:active{cursor:grabbing}
.fx-slider-track{display:flex;gap:12px;transition:transform .65s cubic-bezier(.19,1,.22,1);will-change:transform;padding:0 24px 4px}
.fx-testimonial-card{flex:0 0 min(370px,calc(100vw - 56px));min-height:282px;box-sizing:border-box;background:#f3f2ea;color:#17151b;border-radius:12px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;padding:24px 23px 22px;transition:translate .35s,box-shadow .35s}
.fx-testimonial-card:hover{translate:0 -5px;box-shadow:0 11px 28px rgba(120,92,166,.25)}
.fx-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.fx-testimonial-card img{width:47px;height:47px;object-fit:cover;border-radius:50%;border:1px solid #141414}
.fx-quote-symbol{font-size:51px;line-height:.6;font-weight:900;color:#785CA6}
.fx-testimonial-card blockquote{margin:auto 0 0;font:800 clamp(19px,2vw,24px)/1.15 Manrope,Arial,sans-serif;letter-spacing:-.04em}
.fx-testimonial-card small{font:500 12px/1.4 Manrope,Arial,sans-serif}
.fx-slider-dots{display:flex;justify-content:center;gap:7px;padding:19px 0 5px}
.fx-slider-dots button{cursor:pointer;width:9px;height:9px;padding:0;border:0;border-radius:999px;background:#757575;transition:width .32s,background .32s}
.fx-slider-dots button[aria-current="true"]{width:28px;background:#785CA6}
/* Accessible FAQs: exactly 4 rows, maintain reference purple full panel. */
#faqs{height:auto!important;min-height:0!important;display:block!important;padding:70px 24px 90px!important;overflow:visible!important;background:#fafafa!important;box-sizing:border-box}
#faqs .fx-faq-shell{box-sizing:border-box;width:min(1200px,100%);margin:auto;background:#785CA6;color:#fff;border-radius:14px;padding:clamp(24px,4vw,54px);box-shadow:0 6px 0 #181320}
.fx-faq-heading{margin:0 0 23px;font:800 clamp(36px,4vw,58px)/1.05 Manrope,Arial,sans-serif;letter-spacing:-.05em;color:#fff}
.fx-faq-detail{border-top:1px solid rgba(255,255,255,.31)}
.fx-faq-detail:last-of-type{border-bottom:1px solid rgba(255,255,255,.31)}
.fx-faq-detail summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;list-style:none;padding:19px 0;font:700 clamp(15px,1.5vw,19px)/1.35 Manrope,Arial,sans-serif;color:#fff;gap:20px}
.fx-faq-detail summary::-webkit-details-marker{display:none}
.fx-faq-detail summary::after{content:'+';flex:none;font:400 29px/1 Manrope,Arial,sans-serif;transition:transform .3s}
.fx-faq-detail[open] summary::after{transform:rotate(45deg)}
.fx-faq-answer{color:#f9f6ff;font:500 15px/1.8 Manrope,Arial,sans-serif;padding:0 38px 20px 0;max-width:850px}
.fx-faq-footer{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:30px}
.fx-faq-footer p{font:700 17px Manrope,Arial,sans-serif;color:white;margin:0}
.fx-faq-footer a{display:inline-flex;align-items:center;padding:11px 19px;background:#17151b;color:white;border-radius:8px;font:700 13px Manrope,sans-serif;text-decoration:none;transition:translate .25s,background .25s}
.fx-faq-footer a:hover{translate:0 -3px;background:#362447}
/* Footer brand name as an explicit watermark, and brand cleanup in original text. */
[data-framer-name="Footer BG"]{overflow:hidden!important}
.fx-footer-wordmark{text-align:center;display:block;width:100%;max-width:100%;padding:12px 0 0;margin:40px auto -20px;font:900 clamp(105px,19vw,335px)/.78 Manrope,Arial,sans-serif;color:rgba(120,92,166,.13);letter-spacing:-.095em;white-space:nowrap;overflow:hidden;user-select:none;pointer-events:none}
/* Header mobile is icon-only hamburger, accessible and fixed. */
.fernex-mobile-toggle{top:18px!important;right:20px!important;width:48px;height:44px;padding:0!important;display:none;align-items:center;justify-content:center;border-radius:8px!important;font-size:22px!important;line-height:1!important}
.fernex-mobile-menu a{transition:color .25s,translate .3s}
.fernex-mobile-menu a:hover{color:#c9adf3;translate:6px 0}
/* Tailored responsive geometry. */
@media(max-width:809px){
 .fernex-mobile-toggle{display:flex!important}
 .fx-testimonial-slider{padding:0 0 17px}
 .fx-slider-track{padding-left:16px;gap:10px}
 .fx-slider-top{padding:5px 16px 16px}
 .fx-testimonial-card{min-height:257px;padding:20px}
 #faqs{padding:45px 14px 60px!important}
 #faqs .fx-faq-shell{padding:26px 20px}
 .fx-faq-detail summary{padding:18px 0;font-size:15px}
 .fx-footer-wordmark{font-size:21vw}
}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.fx-cursor{display:none!important}.fx-spotlight{display:none!important}}

/* Fix static export's incorrectly positioned intro headline: the right column
   was calculated beyond the edge when variant CSS did not hydrate. */
[data-framer-name="Problem Wrapper"]{position:relative!important}
[data-framer-name="Problem Wrapper"]>[data-framer-name="Header Container"],
[data-framer-name="Problem Wrapper"] [data-framer-name="Header Container"]{
 position:absolute!important;left:auto!important;right:5%!important;top:50%!important;translate:0 -50%!important;
 width:39%!important;max-width:480px!important;z-index:5!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;
}
[data-framer-name="Problem Wrapper"] [data-framer-name="Header Container"] [data-framer-name="Heading"] h2,
[data-framer-name="Problem Wrapper"] [data-framer-name="Header Container"] h2{
 font:800 clamp(25px,2.8vw,42px)/1.13 Manrope,Arial,sans-serif!important;
 letter-spacing:-.04em!important;color:#fff!important;text-align:left!important;
 width:100%!important;max-width:480px!important;height:auto!important;white-space:normal!important;
}
[data-framer-name="Problem Wrapper"] [data-framer-name="Header Container"] [data-framer-name="Accent"]{width:100%!important;height:auto!important}
[data-framer-name="Problem Wrapper"] [data-framer-name="Header Container"] [data-framer-name="Accent"] p{font:700 17px/1.35 Manrope,sans-serif!important;color:#fff!important}
@media(max-width:809px){
 [data-framer-name="Problem Wrapper"] [data-framer-name="Header Container"]{top:30px!important;right:20px!important;left:20px!important;translate:none!important;width:calc(100% - 40px)!important;max-width:none!important;align-items:center!important;text-align:center!important;z-index:3!important}
 [data-framer-name="Problem Wrapper"] [data-framer-name="Header Container"] h2{font-size:clamp(20px,5.3vw,27px)!important;text-align:center!important}
 [data-framer-name="Problem Wrapper"] [data-framer-name="Header Container"] [data-framer-name="Accent"] p{text-align:center!important}
 [data-framer-name="Problem Wrapper"] [data-framer-name="List Items"]{margin-top:105px!important}
}
/* Purple primary calls to action are white-on-purple, not original black-on-neon. */
a[style*="background-color:rgb(120, 92, 166)"] .framer-text,
[data-framer-name="Join Waitlist Button"] .framer-text,
[data-framer-name="Pricing Cards"] a .framer-text{color:#fff!important}
/* New footer fully replaces invalid downloaded Framer Footer variants. */
[data-framer-name="Footer BG"]{
 display:block!important;position:relative!important;background:#171717!important;color:white!important;
 width:100%!important;height:auto!important;min-height:620px!important;overflow:hidden!important;
 padding:clamp(55px,6vw,100px) 5vw 0!important;box-sizing:border-box!important;
}
.fx-footer-main{display:grid;grid-template-columns:minmax(0,2fr) minmax(135px,.6fr) minmax(170px,.8fr);gap:clamp(30px,6vw,105px);width:100%;max-width:1440px;margin:0 auto}
.fx-footer-logo{display:inline-flex;max-width:170px;padding:7px 12px;border-radius:7px;background:#f7f7fa;text-decoration:none;margin-bottom:34px}
.fx-footer-logo img{display:block;max-width:100%;width:145px;max-height:40px;object-fit:contain}
.fx-footer-intro h2{font:800 clamp(30px,4.4vw,64px)/1.02 Manrope,Arial,sans-serif;color:#fff;letter-spacing:-.06em;margin:0 0 22px}
.fx-footer-intro h2 span{color:#ae8ed4}
.fx-footer-intro p{font:500 clamp(13px,1.2vw,16px)/1.7 Manrope,Arial,sans-serif;color:#d2ced5;max-width:520px;margin:0 0 26px}
.fx-footer-cta{display:inline-flex;align-items:center;padding:13px 20px;border-radius:7px;background:#785CA6;color:#fff;font:800 14px Manrope,sans-serif;text-decoration:none;transition:translate .25s,background .25s}
.fx-footer-cta:hover{translate:0 -4px;background:#9675c3}
.fx-footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:15px}
.fx-footer-col h3{font:800 12px Manrope,sans-serif;color:#a78acb;text-transform:uppercase;letter-spacing:.14em;margin:3px 0 13px}
.fx-footer-col a{font:600 clamp(12px,1.1vw,15px)/1.5 Manrope,sans-serif;color:#f1f0ee;text-decoration:none;transition:color .2s,translate .25s;overflow-wrap:anywhere}
.fx-footer-col a:hover{color:#bba5dc;translate:3px 0}
.fx-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:30px;margin:70px auto 0;border-top:1px solid #4f4952;font:500 12px/1.5 Manrope,sans-serif;color:#b8b6b9;max-width:1440px}
[data-framer-name="Footer BG"] .fx-footer-wordmark{position:relative!important;margin:28px auto -20px!important;padding:0!important;width:100%!important;text-align:center!important;color:rgba(120,92,166,.24)!important;font-size:clamp(130px,22.5vw,400px)!important;line-height:.72!important;height:auto!important;font-family:Manrope,Arial,sans-serif!important;letter-spacing:-.095em!important;font-weight:900!important}
@media(max-width:809px){
 [data-framer-name="Footer BG"]{padding:55px 22px 0!important}
 .fx-footer-main{grid-template-columns:1fr 1fr;gap:38px 20px}
 .fx-footer-intro{grid-column:1/-1}
 .fx-footer-intro h2{font-size:clamp(31px,8vw,45px)}
 .fx-footer-bottom{margin-top:55px;font-size:11px}
 [data-framer-name="Footer BG"] .fx-footer-wordmark{font-size:24vw!important;margin-top:45px!important;margin-bottom:-8px!important}
}
/* Mobile static export contains a nonfunctional extra menu-glyph alongside our accessible toggle. */
@media(max-width:809px){
 [data-framer-name="Mobile Nav Closed"] .framer-ue2r9j-container,
 [data-framer-name="Mobile Nav Open"] .framer-ue2r9j-container{display:none!important}
}
/* Keep decorative agency speech bubble clear of the restored headline. */
@media(min-width:810px){[data-framer-name="Problem Wrapper"] [data-framer-name="Phrase Agency"]{translate:0 100px!important}}
.fx-cursor{mix-blend-mode:normal;box-shadow:0 0 0 3px rgba(120,92,166,.09)}