:root{--page-gutter:20px}@media (min-width:640px){:root{--page-gutter:24px}}@media (min-width:1024px){:root{--page-gutter:40px}}.landing-module__coeIoW__narrowZone{box-sizing:border-box;width:100%;max-width:640px;margin:0 auto}.landing-module__coeIoW__wideZone{box-sizing:border-box;width:100%;max-width:1100px;margin:0 auto}.landing-module__coeIoW__heroLayout{flex-direction:column;display:flex}.landing-module__coeIoW__heroIllustration{justify-content:center;height:280px;display:flex;overflow:hidden}.landing-module__coeIoW__heroText{padding-top:0}@media (min-width:1024px){.landing-module__coeIoW__heroLayout{grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:48px 0 64px;display:grid}.landing-module__coeIoW__heroIllustration{border-radius:var(--r-lg);order:1;height:auto;min-height:400px;margin:0}.landing-module__coeIoW__heroText{order:0;padding-top:0}}.landing-module__coeIoW__capabilityGrid{grid-template-columns:1fr;gap:40px;display:grid}@media (min-width:640px){.landing-module__coeIoW__capabilityGrid{grid-template-columns:repeat(3,1fr);gap:48px}}.landing-module__coeIoW__showcaseLayout{padding:0 var(--page-gutter,20px);box-sizing:border-box;flex-direction:column;align-items:center;max-width:1100px;margin:0 auto;display:flex}@media (min-width:1024px){.landing-module__coeIoW__showcaseLayout{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}}.landing-module__coeIoW__phoneFrame{width:160px;box-shadow:var(--sh-3);border:2px solid var(--koivu-400);border-radius:28px;flex-shrink:0;overflow:hidden}@media (min-width:768px){.landing-module__coeIoW__phoneFrame{width:180px}}@media (min-width:1024px){.landing-module__coeIoW__phoneFrame{width:200px}}.landing-module__coeIoW__showcasePhones{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}@media (min-width:640px){.landing-module__coeIoW__showcasePhones{grid-template-columns:1fr 1fr;gap:20px;display:grid}.landing-module__coeIoW__showcasePhones>:nth-child(3){grid-column:1/-1}}.landing-module__coeIoW__badgeRow{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.landing-module__coeIoW__stepsGrid{grid-template-columns:1fr;gap:24px;display:grid}@media (min-width:640px){.landing-module__coeIoW__stepsGrid{grid-template-columns:repeat(3,1fr);gap:32px}}.landing-module__coeIoW__omatPaikatLayout{flex-direction:column;gap:32px;display:flex}@media (min-width:768px){.landing-module__coeIoW__omatPaikatLayout{grid-template-columns:1fr auto;align-items:start;gap:64px;display:grid}}.landing-module__coeIoW__signupLayout{flex-direction:column;gap:32px;display:flex}@media (min-width:768px){.landing-module__coeIoW__signupLayout{grid-template-columns:auto 1fr;align-items:start;gap:64px;display:grid}}