.landing-page.svelte-1yxsmw2{flex:1;width:100%;background:#f7f7f7;position:relative;font-family:Inter-Regular;color:#4b5563;.header-navigation:where(.svelte-1yxsmw2){display:flex;align-items:center;.button-atom:where(.svelte-1yxsmw2){color:#4b5563!important;&:hover{color:#111827!important}}}section:where(.svelte-1yxsmw2){width:100%;box-sizing:border-box;position:relative;&.hero{background-image:linear-gradient(to left,#a87de000,#a87de04d);display:flex;width:100%;justify-content:space-between;gap:181px;.left-section:where(.svelte-1yxsmw2){h1:where(.svelte-1yxsmw2){margin:78px 0 13px;color:#111827;font-weight:700;font-size:48px}p:where(.svelte-1yxsmw2){margin:0 0 31px;color:#111827;font-size:14px}.cta:where(.svelte-1yxsmw2){display:flex}}.radial-square:where(.svelte-1yxsmw2){aspect-ratio:1 / 1;border-radius:12px;background-image:radial-gradient(#453551,#d1c0d9)}}&.workflow-section,&.features-section{.content:where(.svelte-1yxsmw2){margin:0 auto;width:80%;padding:116px 0;display:flex;flex-direction:column;align-items:center;h2:where(.svelte-1yxsmw2){margin:0;font-weight:700;font-size:30px;color:#1f2937}.section-description:where(.svelte-1yxsmw2){margin:18px 0 0;font-size:20px;color:#4b5563}.cards:where(.svelte-1yxsmw2){display:grid;gap:32px;margin-top:64px;.card:where(.svelte-1yxsmw2){box-sizing:border-box;padding:24px;border-radius:12px;background-color:#fff;h3:where(.svelte-1yxsmw2){margin:0 0 10px;font-weight:700;font-size:20px;color:#1f2937}p:where(.svelte-1yxsmw2){margin:0;font-size:16;color:#4b5563}}}}}&.workflow-section .icon:where(.svelte-1yxsmw2){width:48px;height:48px;border-radius:24px;display:flex;align-items:center;justify-content:center;background-color:#ede3fb;margin-bottom:16px;.icon-atom:where(.svelte-1yxsmw2){width:18px;height:16px}}&.features-section{background-color:#a87de01a;.icon-atom:where(.svelte-1yxsmw2){max-height:30px;margin-bottom:8px;&.robot,&.cloud-purple{max-width:37.5px}&.phone-purple{max-width:22.5px}}}}.hero:where(.svelte-1yxsmw2){padding:167px 120px 86px 84px}.hero-image:where(.svelte-1yxsmw2){position:absolute;right:30px;bottom:-15px;width:50%;aspect-ratio:1/1;z-index:1}.left-section:where(.svelte-1yxsmw2),.radial-square:where(.svelte-1yxsmw2){width:38%}.workflow-section:where(.svelte-1yxsmw2) .cards:where(.svelte-1yxsmw2){width:100%;grid-template-columns:repeat(5,1fr)}.features-section:where(.svelte-1yxsmw2) .cards:where(.svelte-1yxsmw2){width:90%;grid-template-columns:repeat(3,1fr)}.video-modal-backdrop:where(.svelte-1yxsmw2){position:fixed;inset:0;background:linear-gradient(250deg,#d32fd340,#1d0336d9);display:flex;align-items:center;justify-content:center;z-index:1000}.video-modal:where(.svelte-1yxsmw2){position:relative;width:90%;max-width:900px;background-image:linear-gradient(70deg,#d32fd3e6,#1d0336f2);border-radius:12px;padding:8px;video:where(.svelte-1yxsmw2){width:100%;border-radius:8px;display:block}}.close-btn:where(.svelte-1yxsmw2){position:absolute;top:12px;right:12px;z-index:10;background:#00000080;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;font-size:18px;cursor:pointer;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s,color .2s;&:hover{background:#d32fd380;border-color:#d32fd3cc;color:#fff}}@media ((max-width: 1200px) and (min-width: 1000px)){.hero:where(.svelte-1yxsmw2) h1:where(.svelte-1yxsmw2){margin:20px 0 13px!important;font-size:33px!important}.left-section:where(.svelte-1yxsmw2){width:45%}}@media (max-width: 600px){.cta:where(.svelte-1yxsmw2){flex-direction:column}h2:where(.svelte-1yxsmw2){font-size:27px!important}.workflow-section:where(.svelte-1yxsmw2) .content:where(.svelte-1yxsmw2),.features-section:where(.svelte-1yxsmw2) .content:where(.svelte-1yxsmw2){padding:86px 0!important;width:85%!important}}@media (max-width: 1000px){.header-navigation:where(.svelte-1yxsmw2){display:none}.hero:where(.svelte-1yxsmw2){flex-direction:column;align-items:center;padding:40px;gap:80px!important;.left-section:where(.svelte-1yxsmw2){width:100%}.radial-square:where(.svelte-1yxsmw2){width:100%;z-index:0}h1:where(.svelte-1yxsmw2){font-size:35px!important;margin:48px 0 13px!important}}.hero-image:where(.svelte-1yxsmw2){top:unset;right:unset;bottom:0;width:100%;height:unset;aspect-ratio:1/1}.workflow-section:where(.svelte-1yxsmw2) .cards:where(.svelte-1yxsmw2),.features-section:where(.svelte-1yxsmw2) .cards:where(.svelte-1yxsmw2){width:100%!important;grid-template-columns:repeat(1,1fr)}.video-modal:where(.svelte-1yxsmw2){width:95%}}}
