.section[data-v-df327fa6]{min-height:100vh;overflow:hidden;position:relative}.section-transparent-bg[data-v-df327fa6]{background:url(./noise.Cu97BBxH.webp) no-repeat;background-size:cover;top:0;right:0;bottom:0;left:0;opacity:.5;position:absolute;z-index:-1}.inner[data-v-df327fa6]{margin:0 auto 2rem;max-width:1200px;text-align:center;z-index:9}.inner .tag[data-v-df327fa6]{color:var(--karla-green);font-size:14px;font-weight:700}.inner .title[data-v-df327fa6]{margin:1rem 0}.inner .subtitle[data-v-df327fa6]{margin:1.5rem auto 0;max-width:338px}.inner .button-action[data-v-df327fa6]{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.inner button[data-v-df327fa6]:first-child{background:var(--dark)}.image-wrapper[data-v-df327fa6]{margin:10px auto 0;max-width:847px}.image-wrapper img[data-v-df327fa6]{height:100%;width:100%}section[data-v-4b6aa13b]{background:#f9f5f5;padding:10px 0}.section[data-v-4b6aa13b]{margin:5% 0}.grid-wrapper[data-v-4b6aa13b]{display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (width >= 48rem){.grid-wrapper[data-v-4b6aa13b]{grid-template-columns:repeat(2,minmax(0,1fr))}}.grid-wrapper .col-1 p[data-v-4b6aa13b]{color:var(--karla-red);font-size:14px;font-weight:700}.grid-wrapper .col-2 p[data-v-4b6aa13b]{line-height:24px;max-width:398px}.video-wrapper[data-v-4b6aa13b]{border-radius:16px;margin-top:3rem;max-height:500px;overflow:hidden;width:100%}.section[data-v-e5f7df70]{background:var(--bright);overflow:hidden;position:relative}.pseudo-inner[data-v-e5f7df70]{padding-top:7%}.inner[data-v-e5f7df70]{padding:3% 0 7%}.hero-image[data-v-e5f7df70]{background-image:url(../images/get-started-with-karla-on-campus.png);background-position:100% 0;background-repeat:no-repeat;background-size:contain;height:100%;position:absolute;right:0;top:-140px;transform:scale(1.1);width:60%}.flex-row[data-v-e5f7df70]{padding:0 calc(var(--width-remaining)/2)}.texts[data-v-e5f7df70]{max-width:460px}.texts .title[data-v-e5f7df70]{margin:1rem 0;max-width:360px}.texts .subtitle[data-v-e5f7df70]{line-height:24px;max-width:417px}.texts .tagline[data-v-e5f7df70]{color:var(--karla-red);font-size:14px;font-weight:700;text-transform:uppercase}.download-actions[data-v-e5f7df70]{display:flex;flex-direction:row;gap:.5rem;list-style-type:none;padding:1rem 0 1.5rem}.download-actions button[data-v-e5f7df70]{background:var(--dark);max-width:200px;min-width:100px}.card-grid[data-v-e5f7df70]{display:grid;gap:5%;grid-template-columns:repeat(3,30%)}@media screen and (max-width:1100px){.texts[data-v-e5f7df70]{padding-left:5%}.hero-image[data-v-e5f7df70]{transform:scale(.7) translate(250px)}}@media screen and (max-width:600px){.card-grid[data-v-e5f7df70]{gap:1.5rem;grid-template-columns:1fr}.hero-image[data-v-e5f7df70]{transform:scale(.5) translateY(130px) translate(230px)}}.card-grid .texts h5[data-v-e5f7df70]{margin-top:.5rem;max-width:270px}.card-grid .step[data-v-e5f7df70]{color:var(--grey-dark);font-size:1rem;font-weight:800}.card-grid .texts p[data-v-e5f7df70]{margin-top:.5rem}section[data-v-fb6ca9e5]{background:#f9f5f5;padding:10px 0}.section[data-v-fb6ca9e5]{margin:5% 0}.inner .title[data-v-fb6ca9e5]{text-align:center}.grid-wrapper[data-v-fb6ca9e5]{display:flex;flex-wrap:wrap;gap:1.5rem 1.4rem;justify-content:center;margin-top:4rem}@media screen and (max-width:1050px){.grid-wrapper[data-v-fb6ca9e5]{gap:1.5rem 1.1rem}}@media screen and (max-width:900px){.grid-wrapper[data-v-fb6ca9e5]{gap:1rem .8rem}}.grid-wrapper .feature-card[data-v-fb6ca9e5]{background:var(--bright);border:1px solid var(--border);border-radius:var(--b-radius);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:1rem;height:480px;justify-content:space-between;overflow:hidden;position:relative;text-align:center}@media screen and (max-width:900px){.feature-card[data-v-fb6ca9e5]{flex-basis:100%!important;height:auto}.texts[data-v-fb6ca9e5]{padding-bottom:0}}.grid-wrapper .texts[data-v-fb6ca9e5]{margin:0 auto;max-width:65%;padding:2rem}.grid-wrapper .texts h4[data-v-fb6ca9e5]{margin:0 auto;max-width:350px}.grid-wrapper .texts p[data-v-fb6ca9e5]{margin:.5rem auto 0;max-width:327px}.grid-wrapper .image-wrapper[data-v-fb6ca9e5]{align-items:end;display:flex;height:-moz-fit-content;height:fit-content;justify-content:center;position:relative}.grid-wrapper .image-wrapper img[data-v-fb6ca9e5]{bottom:0;height:260px;-o-object-fit:contain;object-fit:contain;position:absolute;transition:.3s;width:auto}.grid-wrapper .feature-card:hover img[data-v-fb6ca9e5]{transform:scale(1.1) translateY(-10px)}@media (min-width:40rem){.grid-wrapper .image-wrapper .app[data-v-fb6ca9e5]{height:300px}}@media (min-width:64rem){.grid-wrapper .image-wrapper .app[data-v-fb6ca9e5]{height:360px}}@media (min-width:40rem){.grid-wrapper .image-wrapper .integration[data-v-fb6ca9e5]{height:250px}}@media (min-width:64rem){.grid-wrapper .image-wrapper .integration[data-v-fb6ca9e5]{height:320px}}.grid-wrapper .image-wrapper .dashboard[data-v-fb6ca9e5]{height:180px}@media (min-width:48rem){.grid-wrapper .image-wrapper .dashboard[data-v-fb6ca9e5]{height:260px}}.grid-wrapper .image-wrapper .payment[data-v-fb6ca9e5]{height:300px;-o-object-fit:cover;object-fit:cover;right:0}@media (min-width:40rem){.grid-wrapper .image-wrapper .payment[data-v-fb6ca9e5]{height:460px}}@media (min-width:48rem){.grid-wrapper .image-wrapper .payment[data-v-fb6ca9e5]{height:360px}}@media (min-width:64rem){.grid-wrapper .image-wrapper .payment[data-v-fb6ca9e5]{height:460px}}section[data-v-4d5f1619]{min-height:100vh;padding:10px 0;position:relative}.section[data-v-4d5f1619]{margin:5% 0}.section .title[data-v-4d5f1619]{text-align:center}.karla-card[data-v-4d5f1619]{max-height:900px;position:absolute;right:0;top:25%}.bg-gradient[data-v-4d5f1619]{background:linear-gradient(180deg,#faefef -6.39%,#f9f9f9 40.87%,#fcfae6 62.24%,#ecfcf2 78.73%,#f4f5f0 90.43%,#faefef 99.98%)}.timeline[data-v-4d5f1619]{margin:90px auto 0;max-width:900px;position:relative}.timeline-logo[data-v-4d5f1619]{left:50.5%;position:absolute;top:-20px;transform:translate(-50.5%);z-index:3}.timeline-line[data-v-4d5f1619]{background:#e78400;bottom:0;left:50%;position:absolute;top:0;transform:translate(-50%);width:4px;z-index:0}.timeline-step[data-v-4d5f1619]{display:grid;gap:0;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:72px;position:relative}.step-content.left[data-v-4d5f1619],.step-image.left[data-v-4d5f1619]{padding-right:52px}.step-content.right[data-v-4d5f1619],.step-image.right[data-v-4d5f1619]{padding-left:52px}.step-content[data-v-4d5f1619]{align-items:center;display:flex;flex-direction:column;justify-content:center}.step-content .step-wrapper[data-v-4d5f1619]{align-items:flex-start;display:flex;gap:1rem}.step-number[data-v-4d5f1619]{color:#0000001a;font-size:86px;margin-top:18px}.step-title[data-v-4d5f1619]{font-size:26px;line-height:32px;max-width:323px}.step-desc[data-v-4d5f1619]{font-size:16px;max-width:253px}.step-image img[data-v-4d5f1619]{height:auto;width:100%}.step-image .karla-card[data-v-4d5f1619]{height:auto;opacity:0;position:static;width:100%}@media (max-width:1313px){.karla-card[data-v-4d5f1619]{opacity:0}.step-image .karla-card[data-v-4d5f1619]{opacity:1}}@media (max-width:900px){.step-number[data-v-4d5f1619]{font-size:48px}}@media (max-width:700px){.timeline-line[data-v-4d5f1619]{left:20px;transform:none}.timeline-logo[data-v-4d5f1619]{left:26px;position:absolute;top:-20px;z-index:3}.timeline-step[data-v-4d5f1619]{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));margin-bottom:52px;padding-left:48px}.step-content .step-wrapper[data-v-4d5f1619]{flex-direction:column}.step-number[data-v-4d5f1619]{font-size:48px}.step-desc[data-v-4d5f1619],.step-title[data-v-4d5f1619]{max-width:500px}.step-content[data-v-4d5f1619],.step-image[data-v-4d5f1619]{padding:0!important}.step-left .step-content[data-v-4d5f1619],.step-right .step-content[data-v-4d5f1619]{margin-bottom:16px;order:1}.step-left .step-image[data-v-4d5f1619],.step-right .step-image[data-v-4d5f1619]{order:2}}section[data-v-9ad32233]{background:#ef7a7a;padding:10px 0 0}.grid-wrapper[data-v-9ad32233]{display:grid;gap:1rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:64rem){.grid-wrapper[data-v-9ad32233]{grid-template-columns:repeat(2,minmax(0,1fr))}}.grid-wrapper .col-1[data-v-9ad32233]{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:70px 20px}.grid-wrapper .col-1 h2[data-v-9ad32233]{color:#fff;font-size:40px;line-height:50px;margin:0 auto;max-width:630px;text-align:center}@media (min-width:48rem){.grid-wrapper .col-1 h2[data-v-9ad32233]{font-size:42px;line-height:50px}}@media (min-width:64rem){.grid-wrapper .col-1 h2[data-v-9ad32233]{font-size:48px;line-height:50px}}@media (min-width:80rem){.grid-wrapper .col-1 h2[data-v-9ad32233]{font-size:60px;line-height:60px}}.grid-wrapper .col-1 p[data-v-9ad32233]{color:#fff;line-height:24px;margin:15px auto 0;max-width:403px;text-align:center}.grid-wrapper .col-1 button[data-v-9ad32233]{background:var(--dark);margin-top:20px}.grid-wrapper .col-2 img[data-v-9ad32233]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}