/* Reveal behaviour and the three Webflow breakpoints (991 / 767 / 479). */ /* reveal: visible by default, so the page is complete with JavaScript off. The script adds .js to , and only then does anything start hidden. */ .rv{opacity:1;transform:none} .js .rv{opacity:0;transform:translateY(14px)} .js .rv.in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease} @media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}.btn:hover{transform:none}} /* responsive */ @media (max-width:991px){.final .wrap{grid-template-columns:1fr 1fr;row-gap:40px}.fn-main{grid-column:1/-1}.nav nav{display:none}.nav .wrap{grid-template-columns:1fr auto}.strip,.steps,.nums,.pillars,.pages,.agents,.plans{grid-template-columns:1fr 1fr}.control{grid-template-columns:1fr}.ft-cols{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px}.ft-band{grid-template-columns:1fr;gap:24px} footer .ft-band{grid-template-columns:1fr;gap:20px} footer .ft-news{flex-direction:column;align-items:flex-start;gap:12px} footer .ft-band .ft-end{justify-self:start}.shot{margin-bottom:-80px}.proof{padding-top:120px}} @media (max-width:767px){.final{padding:72px 0}.final .wrap{grid-template-columns:1fr;row-gap:32px}.shot-lg{display:none}.shot-sm{display:block}h1{font-size:36px}h2{font-size:32px}.lead{font-size:17px}.strip,.steps,.nums,.pillars,.pages,.agents,.plans{grid-template-columns:1fr}.ft-cols{grid-template-columns:minmax(0,1fr)}section.s{padding:64px 0}.hero{padding-top:32px}.btn.plans-hide{display:none}.nav .wrap{gap:16px}} @media (max-width:479px){footer a{width:auto;overflow-wrap:anywhere}.wrap{padding:0 16px}.nav .wrap{gap:12px}.logo{width:140px}}