@font-face{font-family:'Famyro Poppins ExtraBold';font-style:normal;font-weight:800;font-display:swap;src:url('assets/fonts/poppins-latin-800.ttf') format('truetype')}
@font-face{font-family:'Famyro Poppins SemiBold';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/poppins-latin-600.ttf') format('truetype')}
:root{--ink:#082c20;--green:#00e884;--forest:#004b35;--cream:#f8f5e9;--yellow:#ffd84d;--coral:#ff8e7b;--blue:#76d8ff}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip;max-width:100%}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:clip;max-width:100%;position:relative}a{text-decoration:none;color:inherit}svg{width:1.2em;height:1.2em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}h1,h2,h3{font-weight:950}.wrap,.hero,footer{width:min(1180px,calc(100% - 48px));margin:auto}
nav{display:flex;gap:32px;font-size:13px;font-weight:800}.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:17px 25px;border-radius:99px;font-weight:900;transition:.2s}.pill:hover{transform:translateY(-2px)}.pill.dark{background:var(--ink);color:white;padding:12px 19px}.pill.green{background:var(--green);box-shadow:0 12px 30px #00e88440}
.hero{min-height:715px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:40px 0 70px}.kicker{font-size:11px;font-weight:900;letter-spacing:.15em;color:#00a963;text-transform:uppercase}.dot{display:flex;align-items:center;gap:10px;color:var(--ink)}.dot:before{content:"";width:10px;height:10px;background:var(--green);border-radius:50%;box-shadow:0 0 0 5px #00e8842d}.hero h1{font-size:clamp(60px,6.7vw,98px);font-weight:950;line-height:.88;letter-spacing:-.075em;margin:22px 0}.hero h1 span{display:block;color:#00b86c}.lead{max-width:580px;font-size:19px;line-height:1.65;color:#4f685f}.actions{display:flex;align-items:center;gap:28px;margin-top:32px}.under{font-size:14px;font-weight:900;border-bottom:1px solid #082c2050;padding-bottom:5px}.hero-cta-note{max-width:480px;margin:15px 0 0;color:#315649;font-size:14px;font-weight:900;line-height:1.45}.hero-cta-note:before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;margin-right:8px;border-radius:50%;color:#fff;background:#00a963;font-size:11px;vertical-align:middle}.checks{display:flex;gap:20px;margin-top:18px;font-size:12px;font-weight:800;color:#506960}.checks span{display:flex;gap:6px;align-items:center}.checks svg{color:#00ad66;stroke-width:3}
.hero-art{min-height:620px;display:grid;place-items:center;position:relative}.circle{position:absolute;width:470px;height:470px;border-radius:50%;background:var(--green);box-shadow:0 0 0 28px #00e88420,0 0 80px #00e88455}.hero-art>img{position:relative;z-index:2;width:470px;max-height:650px;object-fit:contain;filter:drop-shadow(0 35px 26px #042b1e45);transform:rotate(2deg)}.float{position:absolute;z-index:4;background:white;border:2px solid var(--ink);border-radius:18px;padding:17px 20px;box-shadow:7px 7px var(--ink)}.float small{display:block;color:#6d817a;font-weight:700}.float strong{display:block;font-size:22px;margin:5px 0}.balance{left:-20px;top:17%;transform:rotate(-4deg)}.balance strong{color:#00a963}.goal{right:-20px;bottom:17%;min-width:170px;transform:rotate(3deg)}.goal i{display:block;height:7px;width:72%;background:var(--green);border-radius:9px}
.ticker{min-height:72px;background:var(--ink);color:var(--green);display:flex;align-items:center;overflow:hidden;font-size:12px;font-weight:900;letter-spacing:.1em;white-space:nowrap}.ticker-track{display:flex;width:max-content;animation:famyro-ticker 28s linear infinite;will-change:transform}.ticker-group{display:flex;align-items:center;flex:0 0 auto;gap:24px;padding-right:24px}.ticker span{color:white}@keyframes famyro-ticker{to{transform:translateX(-50%)}}
.benefits{padding:78px 0 76px}.heading{display:grid;grid-template-columns:1.5fr .5fr;gap:80px;align-items:end;margin-bottom:55px}.heading h2,.workflow h2,.faq h2{font-size:clamp(46px,5.3vw,74px);font-weight:950;line-height:.92;letter-spacing:-.065em;margin:0}.heading>p{color:#5e726b;line-height:1.7}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature{min-height:285px;padding:36px;border:2px solid var(--ink);border-radius:28px;display:grid;grid-template-columns:66px 1fr;gap:24px;box-shadow:7px 7px var(--ink)}.f1{background:#bcffce}.f2{background:var(--yellow)}.f3{background:#ffad9f}.f4{background:var(--blue)}.num{width:60px;height:60px;border:2px solid;border-radius:18px;display:grid;place-items:center;background:#ffffffaa;font-weight:900}.feature small,.audience small{font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.feature h3{font-size:30px;font-weight:950;line-height:1;letter-spacing:-.04em;margin:28px 0 12px}.feature p,.audience p{font-size:15px;line-height:1.65;color:#365247;margin:0}.benefits-more{max-width:760px;margin:46px auto 0;text-align:center}.benefits-more strong{display:block;font-size:clamp(22px,2.3vw,30px);font-weight:950;line-height:1.12;letter-spacing:-.035em}.benefits-more p{max-width:680px;margin:10px auto 0;color:#5e726b;font-size:16px;line-height:1.65}.benefits-divider{width:min(76%,860px);height:1px;margin:54px auto 0;background:linear-gradient(90deg,transparent 0%,rgba(8,44,32,.12) 12%,rgba(0,169,99,.48) 50%,rgba(8,44,32,.12) 88%,transparent 100%)}
.desktop-section{background:#082c20;color:white;padding:120px 0;overflow:hidden}.desktop-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:72px;align-items:center}.desktop-copy h2{font-size:clamp(52px,6vw,82px);font-weight:950;line-height:.86;letter-spacing:-.075em;margin:18px 0 30px}.desktop-copy h2 span{color:var(--green)}.desktop-lead{font-size:17px;line-height:1.7;color:#bed0c9;max-width:520px}.desktop-copy ul{list-style:none;padding:0;margin:30px 0;display:grid;gap:17px}.desktop-copy li{display:grid;grid-template-columns:16px 166px minmax(0,1fr);column-gap:12px;align-items:start;color:#dce8e3;line-height:1.45}.desktop-copy li svg{flex:0 0 24px;width:24px;height:24px;color:var(--green);stroke-width:3}.desktop-copy li strong{grid-column:2;color:white}.desktop-copy li .desktop-check{color:var(--green);font-weight:950}.desktop-copy li .desktop-item-desc{grid-column:3}.desktop-visual{margin:0;position:relative}.desktop-visual:before{content:"";position:absolute;inset:8% -12%;background:var(--green);border-radius:50%;filter:blur(2px);opacity:.9}.desktop-visual img{position:relative;z-index:1;display:block;width:100%;border:2px solid var(--green);border-radius:30px;box-shadow:18px 18px 0 #001a12;transform:rotate(1.2deg)}.desktop-badge{position:absolute;z-index:3;right:-18px;top:-28px;background:var(--yellow);color:var(--ink);border:2px solid var(--ink);border-radius:18px;padding:16px 20px;box-shadow:7px 7px #001a12;transform:rotate(3deg)}.desktop-badge small,.desktop-badge strong{display:block}.desktop-badge small{font-size:10px;font-weight:900;letter-spacing:.13em}.desktop-badge strong{font-size:19px;margin-top:4px}
.audiences{background:var(--forest);color:white;padding:115px 0 120px}.light>p{color:#b5cec5}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.audience{color:var(--ink);border:2px solid;border-radius:28px;padding:34px;min-height:420px;display:flex;flex-direction:column;box-shadow:7px 7px #002b1f}.a1{background:#baff50;transform:rotate(-1deg)}.a2{background:var(--yellow);transform:translateY(18px)}.a3{background:var(--coral);transform:rotate(1deg)}.audience h3{font-size:34px;font-weight:950;line-height:.98;letter-spacing:-.055em;margin:34px 0 18px}.audience ul{list-style:none;padding:0;margin:auto 0 0;display:grid;gap:10px}.audience li{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:900}.audience li svg{width:17px;stroke-width:3}
.workflow{padding:120px 0;display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.steps article{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid #bbc8c1}.steps article:first-child{padding-top:0}.steps b{width:52px;height:52px;border:2px solid;border-radius:50%;display:grid;place-items:center;background:var(--green);box-shadow:3px 3px var(--ink)}.steps h3{margin:3px 0 8px;font-size:21px}.steps p{margin:0;color:#60736c;font-size:14px;line-height:1.6}
.yellow-band{padding:72px max(24px,calc((100vw - 1180px)/2));background:var(--yellow);border-block:2px solid;display:grid;grid-template-columns:110px 1fr 420px;align-items:center;gap:35px}.outline{font-size:82px;font-weight:900;color:transparent;-webkit-text-stroke:2px var(--ink)}.yellow-band small{font-size:11px;font-weight:900;letter-spacing:.14em}.yellow-band h2{font-size:clamp(36px,4vw,55px);line-height:1;letter-spacing:-.05em;margin:12px 0}.yellow-band-mockup{display:flex;align-items:center;justify-content:center;min-width:0}.yellow-band-mockup img{display:block;width:100%;max-width:420px;height:auto;object-fit:contain}
.faq{padding:120px 0;display:grid;grid-template-columns:.78fr 1.22fr;gap:110px}.faq>div:first-child>p:last-child{color:#60736c;line-height:1.6;margin-top:28px}.faq-list{border-top:2px solid}.faq details{border-bottom:2px solid}.faq summary{list-style:none;cursor:pointer;padding:24px 4px;display:flex;justify-content:space-between;gap:20px;font-size:18px;font-weight:900}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:28px;transition:.2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:#5d716a;line-height:1.65;font-size:14px;margin:-4px 40px 24px 4px}
.cta{background:var(--green);border-top:2px solid;text-align:center;padding:105px 24px}.cta .kicker{color:var(--ink)}.cta h2{font-size:clamp(50px,7vw,90px);line-height:.93;letter-spacing:-.065em;margin:18px 0 22px}.cta h2 span{color:white;text-shadow:2px 2px var(--ink)}.cta>p:not(.kicker){font-size:17px;margin-bottom:30px}footer:not(.famyro-shared-footer){padding:48px 0 30px;display:grid;grid-template-columns:auto 1fr auto;gap:25px;align-items:center}footer:not(.famyro-shared-footer) img{width:128px}footer:not(.famyro-shared-footer) p{color:#687b74;font-size:13px}footer:not(.famyro-shared-footer) div{display:flex;gap:20px;font-size:12px;font-weight:900}footer:not(.famyro-shared-footer) small{grid-column:1/-1;border-top:1px solid #ccd4d0;padding-top:24px;color:#75847f}
@media(max-width:900px){.hero{grid-template-columns:1fr 1fr}.hero h1{font-size:62px}.hero-art>img{width:390px}.circle{width:380px;height:380px}.desktop-grid{grid-template-columns:1fr;gap:60px}.desktop-copy{max-width:680px}.desktop-visual{max-width:760px}.audience-grid{grid-template-columns:1fr;max-width:650px}.audience{min-height:330px;transform:none}.workflow,.faq{gap:50px}.yellow-band{grid-template-columns:90px 1fr}.yellow-band-mockup{display:none}}
@media(max-width:700px){.wrap,.hero,footer{width:calc(100% - 32px)}.hero{grid-template-columns:1fr;text-align:center;padding:40px 0 55px}.dot{justify-content:center;font-size:10px}.hero h1{font-size:clamp(50px,15vw,68px)}.lead{font-size:16px;margin:auto}.actions{flex-direction:column;gap:20px}.pill.green{width:100%;max-width:360px}.hero-cta-note{margin-right:auto;margin-left:auto}.checks{justify-content:center;flex-wrap:wrap;gap:10px 15px}.hero-art{min-height:520px;margin-top:10px}.circle{width:330px;height:330px}.hero-art>img{width:min(390px,96vw);max-height:540px}.float{padding:12px 14px}.balance{left:-28px;top:17%;transform:scale(.72) rotate(-4deg)}.goal{right:-38px;bottom:15%;transform:scale(.72) rotate(3deg)}.ticker{justify-content:flex-start;font-size:10px;gap:17px}.benefits,.workflow,.faq{padding:78px 0}.heading{grid-template-columns:1fr;gap:22px;margin-bottom:38px}.heading h2,.workflow h2,.faq h2{font-size:47px}.feature-grid{grid-template-columns:1fr}.feature{min-height:0;padding:26px 23px;border-radius:22px;grid-template-columns:52px 1fr;gap:16px;box-shadow:5px 5px var(--ink)}.num{width:50px;height:50px;border-radius:14px}.feature h3{font-size:26px;margin-top:18px}.desktop-section{padding:82px 0}.desktop-grid{gap:50px}.desktop-copy h2{font-size:52px}.desktop-lead{font-size:16px}.desktop-copy .pill{width:100%}.desktop-visual img{border-radius:20px;box-shadow:9px 9px 0 #001a12}.desktop-badge{right:-8px;top:-26px;padding:11px 14px;transform:scale(.82) rotate(3deg);transform-origin:right top}.audiences{padding:78px 0}.audience-grid{width:calc(100% - 32px)}.audience{padding:28px;min-height:380px;border-radius:23px}.workflow{grid-template-columns:1fr;gap:45px}.yellow-band{grid-template-columns:1fr;text-align:center;padding:60px 24px;gap:10px}.outline{font-size:64px}.yellow-band h2{font-size:42px}.faq{grid-template-columns:1fr;gap:48px}.faq summary{font-size:16px}.cta{padding:78px 20px}.cta h2{font-size:54px}footer:not(.famyro-shared-footer){grid-template-columns:1fr;text-align:center;justify-items:center;padding:55px 0 30px}footer:not(.famyro-shared-footer) div{justify-content:center;flex-wrap:wrap}}
.register-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;background:var(--green);color:#031b12;border:2px solid #031b12;border-radius:15px;padding:14px 20px;font-weight:950;box-shadow:4px 4px #031b12;transition:.2s}.register-button:hover{transform:translate(-1px,-2px);box-shadow:6px 6px #031b12}.register-button svg{stroke-width:3}.section-cta{margin-top:56px;padding:24px 26px 24px 30px;border:2px solid var(--ink);border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:white;box-shadow:7px 7px var(--ink)}.section-cta>div{display:grid;gap:5px}.section-cta small{font-size:10px;font-weight:900;letter-spacing:.14em;color:#00a963}.section-cta strong{font-size:22px;letter-spacing:-.03em}.section-cta.dark{background:#002f22;color:white;border-color:var(--green);box-shadow:7px 7px #001b13}.section-cta.dark small{color:var(--green)}.audiences .section-cta{margin-top:68px}.register-button.compact{font-size:13px;padding:11px 15px;background:white}.yellow-band h2{margin-bottom:24px}.final-button{background:white;font-size:17px;padding:16px 24px}.landing-cta-yellow{background:var(--yellow);color:var(--ink)}.mobile-desktop-cta{display:none}.mobile-hero-under{display:none}.hero h1 span.mobile-titlecase{display:inline;color:inherit;font-style:normal}.hero h1 span.hero-main-title{display:inline;color:inherit}


@media(max-width:700px){.section-cta{margin-top:42px;padding:23px 19px;display:grid;text-align:center;justify-items:center}.section-cta strong{font-size:20px}.section-cta .register-button{width:100%}}@media(max-width:700px){.benefits-more{margin-top:34px;padding:0 10px}.benefits-more strong{font-size:24px}.benefits-more p{font-size:15px;line-height:1.6}.benefits-divider{width:86%;margin-top:40px}}
.scroll-reveal{opacity:0;translate:0 42px;filter:blur(5px);transition:opacity .75s cubic-bezier(.2,.72,.2,1),translate .85s cubic-bezier(.16,1,.3,1),filter .7s ease,scale .85s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms);will-change:opacity,translate,filter}
.scroll-reveal.is-visible{opacity:1;translate:0 0;filter:blur(0)}
.desktop-visual.scroll-reveal{translate:55px 32px;scale:.96}
.desktop-visual.scroll-reveal.is-visible{translate:0 0;scale:1}
.feature.scroll-reveal,.audience.scroll-reveal{translate:0 54px;scale:.97}
.feature.scroll-reveal.is-visible,.audience.scroll-reveal.is-visible{translate:0 0;scale:1}
@media(max-width:700px){.scroll-reveal{translate:0 26px;filter:blur(3px);transition-duration:.62s}.desktop-visual.scroll-reveal{translate:24px 22px}.feature.scroll-reveal,.audience.scroll-reveal{translate:0 32px}}
@media(prefers-reduced-motion:reduce){.scroll-reveal,.desktop-visual.scroll-reveal,.feature.scroll-reveal,.audience.scroll-reveal{opacity:1;translate:0 0;scale:1;filter:none;transition:none}}


@media(max-width:700px){.hero{display:flex;flex-direction:column;gap:0}.hero-copy{display:contents}.desktop-hero-under{display:none}.hero-art{order:1;min-height:440px;margin:14px 0 22px}.goal{right:-30px}.mobile-hero-under,.hero-cta-note,.checks{order:2}.mobile-hero-under{display:inline-block;align-self:center;margin:0 0 17px}.hero h1 span.mobile-titlecase{font-size:inherit;text-transform:capitalize}.hero h1 span.hero-main-title{display:block;color:inherit;font-family:'Famyro Poppins ExtraBold','Arial Black',Arial,sans-serif;font-size:clamp(53px,14.8vw,68px);font-weight:800;line-height:.88;-webkit-text-stroke:0}.hero h1 span.hero-subtitle{display:block;margin-top:11px;font-size:clamp(42px,12vw,54px);font-weight:950;line-height:.9;letter-spacing:-.065em}}
.cta .kicker{font-size:15px;letter-spacing:.16em}.cta .cta-money-clarity{font-family:'Famyro Poppins ExtraBold','Arial Black',Arial,sans-serif;font-weight:800;color:#000;text-shadow:none}.cta>p:not(.kicker){font-size:21px;line-height:1.45}.cta .final-button{background:var(--yellow)}@media(max-width:700px){.cta .kicker{font-size:13px}.cta>p:not(.kicker){font-size:19px}}
.audience small{font-size:13px}.audience p{font-size:17px;line-height:1.62}@media(max-width:700px){.audience small{font-size:12px}.audience p{font-size:16px}}@media(min-width:701px){.a2 p{font-size:16px;line-height:1.5}}
.hero-mockup{position:relative;z-index:2;width:470px;max-height:650px;overflow:hidden;filter:drop-shadow(0 35px 26px #042b1e45);transition:transform .32s cubic-bezier(.2,.75,.25,1),filter .32s ease}.hero-mockup img{display:block;width:100%;max-height:650px;object-fit:contain;transform:rotate(2deg);transform-origin:center;transition:transform .32s cubic-bezier(.2,.75,.25,1)}.hero-mockup:after{content:"";position:absolute;inset:-35% -55%;pointer-events:none;background:linear-gradient(115deg,transparent 42%,#ffffff00 47%,#ffffff80 50%,#ffffff00 53%,transparent 58%);transform:translateX(-70%) rotate(8deg);opacity:0}.circle{transition:box-shadow .32s ease}
@media(hover:hover) and (pointer:fine){.hero-mockup:hover{transform:translateY(-14px) rotate(-.8deg) scale(1.025);filter:drop-shadow(0 49px 34px #042b1e70)}.hero-mockup:hover img{transform:rotate(2deg) scale(1.01)}.hero-mockup:hover:after{opacity:1;animation:hero-mockup-gloss .8s ease-out both}@keyframes hero-mockup-gloss{to{transform:translateX(70%) rotate(8deg)}}@supports selector(.hero-art:has(.hero-mockup:hover)){.hero-art:has(.hero-mockup:hover) .circle{box-shadow:0 0 0 32px #00e88429,0 0 100px #00e88478}}}
@media(max-width:900px){.hero-mockup{width:390px}}@media(max-width:700px){.hero-mockup{width:min(390px,96vw);max-height:540px}.hero-mockup img{max-height:540px}}@media(prefers-reduced-motion:reduce){.hero-mockup,.hero-mockup img,.circle{transition:none!important}.hero-mockup:hover:after{animation:none!important}}
@media(hover:hover) and (pointer:fine){.feature,.audience{transition:transform .24s cubic-bezier(.2,.75,.25,1),box-shadow .24s ease}.feature:hover{transform:translateY(-8px) scale(1.01);box-shadow:10px 12px var(--ink)}.a1:hover{transform:translateY(-8px) rotate(-1deg) scale(1.01);box-shadow:10px 12px #002b1f}.a2:hover{transform:translateY(10px) scale(1.01);box-shadow:10px 12px #002b1f}.a3:hover{transform:translateY(-8px) rotate(1deg) scale(1.01);box-shadow:10px 12px #002b1f}}
.faq-list{background:#fff;border:2px solid var(--ink);border-radius:26px;box-shadow:8px 8px var(--ink);overflow:hidden}.faq details{border:0;border-bottom:1.5px solid #c7d5ce;padding:0 22px;transition:background .22s ease}.faq details:last-child{border-bottom:0}.faq details[open]{background:#eafff4}.faq summary{padding:25px 4px;font-size:19px;align-items:center}.faq summary span{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:50%;background:#fff;font-size:25px;line-height:1}.faq details[open] summary{color:#00633c}.faq details[open] summary span{background:var(--green);color:var(--ink);box-shadow:2px 2px var(--ink)}.faq details p{margin:-2px 48px 27px 4px;font-size:15px;line-height:1.65;color:#315649}@media(max-width:700px){.faq-list{border-radius:20px;box-shadow:5px 5px var(--ink)}.faq details{padding:0 15px}.faq summary{padding:21px 3px;font-size:17px}.faq summary span{width:29px;height:29px;flex-basis:29px;font-size:23px}.faq details p{margin:-1px 38px 23px 3px;font-size:15px}}
.back-to-top{position:fixed;right:24px;bottom:72px;z-index:60;width:52px;height:52px;display:grid;place-items:center;padding:0;border:2px solid var(--ink);border-radius:16px;background:var(--green);color:var(--ink);box-shadow:5px 5px var(--ink);opacity:0;translate:0 14px;pointer-events:none;transition:opacity .2s ease,translate .2s ease,box-shadow .2s ease;will-change:opacity,translate}.back-to-top svg{width:24px;height:24px;stroke-width:2.8}.back-to-top.is-visible{opacity:1;translate:0 0;pointer-events:auto}@media(hover:hover) and (pointer:fine){.back-to-top.is-visible:hover{translate:-2px -4px;box-shadow:7px 8px var(--ink)}}@media(max-width:700px){.back-to-top{right:16px;bottom:max(68px,calc(56px + env(safe-area-inset-bottom)));width:46px;height:46px;border-radius:14px;box-shadow:4px 4px var(--ink)}.back-to-top svg{width:22px;height:22px}}
@media(max-width:700px){
  .desktop-copy ul{gap:24px;margin:30px 0 12px}
  .desktop-copy li{grid-template-columns:22px minmax(0,1fr);column-gap:12px;row-gap:5px;align-items:start;line-height:1.45}
  .desktop-copy li .desktop-check{grid-column:1;grid-row:1 / span 2;font-size:20px;line-height:1.25;margin-top:1px}
  .desktop-copy li strong{grid-column:2;grid-row:1;font-size:18px;line-height:1.3}
  .desktop-copy li .desktop-item-desc{grid-column:2;grid-row:2;font-size:16px;line-height:1.5;color:#bed0c9}
  .desktop-copy > .landing-cta-yellow{display:none}
  .mobile-desktop-cta{display:inline-flex;justify-self:center;width:min(100%,360px);margin:26px auto 0}
}

/* v7.96 — Mobile workflow title fixed to exactly three lines + yellow-band mockup placement */
.workflow-title-line{display:inline}
.workflow-title-line:not(:last-child)::after{content:" "}
.yellow-band-mobile-cta{display:none}
@media(max-width:700px){
  .workflow h2{font-size:clamp(34px,10.2vw,47px);line-height:.94;letter-spacing:-.06em}
  .workflow-title-line{display:block;white-space:nowrap}
  .workflow-title-line:not(:last-child)::after{content:none}
  .yellow-band{padding:48px 24px 52px;gap:12px}
  .yellow-band-copy{display:contents}
  .yellow-band-copy small{grid-row:2}
  .yellow-band-copy h2{grid-row:3;margin:6px auto 10px;max-width:430px}
  .yellow-band-desktop-cta{display:none}
  .yellow-band-mockup{display:flex;grid-row:4;width:100%;margin:6px auto 4px}
  .yellow-band-mockup img{width:min(88vw,350px);max-width:350px;margin:0 auto}
  .yellow-band-mobile-cta{display:inline-flex;grid-row:5;justify-self:center;width:min(100%,330px);margin-top:4px}
}

/* v7.98 — Mobile hero cleanup: larger guidance text, remove micro-checks and ticker */
@media(max-width:700px){
  .mobile-hero-under{
    font-size:18px;
    line-height:1.35;
    margin-bottom:21px;
  }
  .hero-cta-note{
    max-width:360px;
    margin:0 auto 4px;
    padding:0 8px;
    font-size:17px;
    line-height:1.5;
    text-align:center;
  }
  .hero-cta-note:before{
    width:22px;
    height:22px;
    margin-right:9px;
    font-size:13px;
  }
  .checks,
  .ticker{
    display:none !important;
  }
}

/* v7.99 — Mobile hero/benefits spacing + 80% faded separator */
@media(max-width:700px){
  .hero{
    padding-bottom:22px;
  }
  .hero::after{
    content:"";
    display:block;
    order:3;
    width:80%;
    height:1px;
    align-self:center;
    margin:18px auto 0;
    background:linear-gradient(90deg,
      transparent 0%,
      rgba(8,44,32,.12) 12%,
      rgba(0,169,99,.52) 50%,
      rgba(8,44,32,.12) 88%,
      transparent 100%);
  }
  .benefits{
    padding-top:30px;
  }
}

/* v7.100 — Compact workflow section on desktop/tablet only */
@media (min-width:701px){
  .workflow{
    padding:76px 0;
  }
  .steps article{
    padding:22px 0;
  }
  .steps article:first-child{
    padding-top:0;
  }
}

/* v7.101 — Compact workflow + FAQ contact CTA + forced fresh stylesheet */
@media (min-width:701px){
  /* Visibly tighter than v7.100: reduce empty space above/below the content. */
  .workflow{
    padding:38px 0;
    align-items:center;
  }
  .steps article{
    padding:14px 0;
  }
  .steps article:first-child{
    padding-top:0;
  }

  /* FAQ: keep the card intact, remove excess section height around it. */
  .faq{
    padding:58px 0;
    align-items:center;
  }
}

.faq-copy{
  min-width:0;
}
.faq-intro>p:last-child{
  color:#60736c;
  line-height:1.6;
  margin-top:28px;
}
.faq-contact{
  margin-top:34px;
  padding-top:26px;
  border-top:1px solid #c7d5ce;
  max-width:390px;
}
.faq-contact strong{
  display:block;
  font-size:19px;
  line-height:1.25;
  letter-spacing:-.02em;
}
.faq-contact p{
  margin:8px 0 18px;
  color:#60736c;
  font-size:14px;
  line-height:1.55;
}
.faq-contact-button{
  background:var(--green);
  font-size:14px;
  padding:12px 18px;
}

@media(max-width:700px){
  /* On mobile, the FAQ card comes before the new contact CTA. */
  .faq{
    gap:34px;
    padding:60px 0;
  }
  .faq-copy{
    display:contents;
  }
  .faq-intro{
    order:1;
  }
  .faq-list{
    order:2;
  }
  .faq-contact{
    order:3;
    width:100%;
    max-width:none;
    margin-top:0;
    padding:24px 4px 0;
    text-align:center;
  }
  .faq-contact strong{
    font-size:20px;
  }
  .faq-contact p{
    max-width:360px;
    margin:9px auto 18px;
    font-size:15px;
  }
  .faq-contact-button{
    width:min(100%,330px);
    margin:0 auto;
  }
}


/* v7.103 — Safari/iOS horizontal overflow hardening for the landing */
@media(max-width:700px){
  html,body{
    width:100%;
    max-width:100%;
    overflow-x:clip;
    overscroll-behavior-x:none;
  }
  main,
  .topbar-shell,
  .topbar-shell>header,
  .hero,
  .hero-art,
  .benefits,
  .desktop-section,
  .desktop-grid,
  .desktop-copy,
  .desktop-visual,
  .audiences,
  .audience-grid,
  .workflow,
  .steps,
  .yellow-band,
  .faq,
  .faq-copy,
  .faq-list,
  .cta,
  footer{
    min-width:0;
    max-width:100%;
  }
  main,
  .hero-art,
  .desktop-section,
  .desktop-visual,
  .audiences,
  .yellow-band{
    overflow-x:clip;
  }
  .desktop-visual.scroll-reveal{
    translate:0 22px;
  }
  .balance{left:-12px}
  .goal{right:-12px}
}

/* v7.111 — Slightly smaller workflow heading on desktop/tablet */
@media (min-width:701px){
  .workflow h2{
    font-size:clamp(44px,4.6vw,64px);
  }
}

/* v7.112 — Desktop workflow: 3-line headline, larger eyebrow, steps shifted right */
.workflow-title-wide{display:none}
@media (min-width:1050px){
  .workflow{
    grid-template-columns:1.18fr .82fr;
    gap:90px;
  }
  .workflow .kicker{
    font-size:13px;
    letter-spacing:.16em;
    margin-bottom:18px;
  }
  .workflow-title-default{display:none}
  .workflow-title-wide{display:block}
  .workflow-title-wide>span{
    display:block;
    white-space:nowrap;
  }
}


/* v7.115 — Yellow-band heading and eyebrow: visibly tighter heading, explicit green dot */
.yellow-band h2{letter-spacing:-.085em}

.yellow-band-copy small{
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:max-content;
  color:#008f57;
  font-size:15px;
  font-weight:950;
  line-height:1.15;
  letter-spacing:.14em;
}
.yellow-badge-dot{
  display:inline-block;
  flex:0 0 10px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#00a963;
  box-shadow:0 0 0 5px rgba(0,169,99,.14);
}
.yellow-badge-label{
  color:#008f57;
}
@media(max-width:700px){
  .yellow-band-copy small{
    justify-self:center;
    font-size:14px;
    gap:9px;
  }
  .yellow-badge-dot{
    flex-basis:9px;
    width:9px;
    height:9px;
    box-shadow:0 0 0 4px rgba(0,169,99,.14);
  }
}

/* v7.133 — Landing section eyebrows: slightly larger labels + consistent leading dot */
.kicker{
  font-size:13px;
}
.kicker:not(.dot)::before{
  content:"";
  display:inline-block;
  width:10px;
  height:10px;
  margin-right:10px;
  border-radius:50%;
  background:#008f57;
  box-shadow:0 0 0 5px rgba(0,169,99,.14);
  vertical-align:middle;
  transform:translateY(-1px);
}
.workflow .kicker{
  font-size:14px;
}
.cta .kicker{
  font-size:16px;
}
.yellow-band-copy small{
  font-size:16px;
}

@media(max-width:700px){
  .kicker{
    font-size:12px;
  }
  .dot{
    font-size:12px;
  }
  .workflow .kicker{
    font-size:13px;
  }
  .cta .kicker{
    font-size:14px;
  }
  .yellow-band-copy small{
    font-size:15px;
  }
  .kicker:not(.dot)::before{
    width:9px;
    height:9px;
    margin-right:9px;
    box-shadow:0 0 0 4px rgba(0,169,99,.14);
  }
}

/* v7.152 — Landing: isolate shared footer nav from the global nav flex rule */
.famyro-shared-footer nav.famyro-footer-column{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:0;
  font-size:inherit;
  font-weight:inherit;
}

/* v7.153 — Landing: make shared footer nav behave exactly like the other public pages */
.famyro-shared-footer nav.famyro-footer-column{
  display:block;
  font-size:inherit;
  font-weight:inherit;
}
/* v7.154 — Landing: legal footer links keep the shared footer weight */
.famyro-shared-footer nav.famyro-footer-legal{
  font-size:inherit;
  font-weight:inherit;
}


/* v7.158 — Landing anchor offset: keep section headings/eyebrows clear of the sticky topbar */
.landing-page #vantaggi,
.landing-page #desktop,
.landing-page #per-chi,
.landing-page #come,
.landing-page #faq{
  scroll-margin-top:80px;
}

@media(max-width:700px){
  .landing-page #vantaggi,
  .landing-page #desktop,
  .landing-page #per-chi,
  .landing-page #come,
  .landing-page #faq{
    scroll-margin-top:90px;
  }
}

/* v7.161 — Landing feature badges: larger, green, halo dot */
.feature small{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#139B4E;
  font-size:14px;
  line-height:1.2;
}
.feature small::before{
  content:"";
  width:8px;
  height:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:#139B4E;
  box-shadow:0 0 0 4px rgba(19,155,78,.16);
}
@media(max-width:700px){
  .feature small{font-size:13px;gap:9px}
  .feature small::before{width:7px;height:7px;flex-basis:7px;box-shadow:0 0 0 3px rgba(19,155,78,.16)}
}

/* v7.165 — Landing hero eyebrow: green text */
.hero .kicker.dot{color:#139B4E}

/* v7.166 — Landing feature card subtitles: larger and naturally wrapped on ~3 lines */
@media (min-width:701px){
  .feature p{
    max-width:320px;
    font-size:17px;
    line-height:1.55;
  }
}