.hero-text[data-v-c314ec31]{animation:.8s forwards fadeUp-c314ec31}.mockup-wrap[data-v-c314ec31]{position:relative}.mockup[data-v-c314ec31]{opacity:0;animation:1s forwards appear-c314ec31,5s ease-in-out infinite floating-c314ec31;position:absolute}.mockup-dashboard[data-v-c314ec31]{z-index:1;width:70%;animation-delay:.2s,1.2s;top:0;left:auto;right:0%}.mockup-progress[data-v-c314ec31]{z-index:3;width:85%;animation-delay:.4s,1.4s;top:60px;left:0%;right:auto}.mockup-tanaman[data-v-c314ec31]{z-index:2;width:75%;animation-delay:.6s,1.6s;top:170px;left:auto;right:0%}@media (width>=1024px){.mockup-dashboard[data-v-c314ec31]{width:56%;top:5px;left:auto;right:15px}.mockup-progress[data-v-c314ec31]{width:74%;top:85px;left:auto;right:90px}.mockup-tanaman[data-v-c314ec31]{width:52%;inset:auto 40px 5px auto}}.hero-bottom-curve[data-v-c314ec31]{z-index:10;background:#f9fafb;border-radius:50% 50% 0 0;width:110%;height:160px;position:absolute;bottom:-80px;left:-5%}@keyframes appear-c314ec31{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes floating-c314ec31{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes fadeUp-c314ec31{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.icon-box[data-v-d21a44d7]{color:#3978f6;background:#fff;border-radius:1.25rem;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}@media (width>=640px){.icon-box[data-v-d21a44d7]{width:4rem;height:4rem}}.animate-show[data-v-d21a44d7]{animation:.8s forwards show-d21a44d7}.delay-200[data-v-d21a44d7]{animation-delay:.2s}@keyframes show-d21a44d7{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.feature-section[data-v-b5c657e7]{opacity:0;isolation:isolate;background:#f9fafb;transition:opacity .8s,transform .8s;position:relative;overflow:hidden;transform:translateY(20px)}.feature-section.active[data-v-b5c657e7]{opacity:1;transform:translateY(0)}.content-wrapper[data-v-b5c657e7]{z-index:2;position:relative}.blob[data-v-b5c657e7]{pointer-events:none;z-index:0;filter:blur(40px);opacity:.6;border-radius:9999px;position:absolute}.blob-left[data-v-b5c657e7]{background:#dbeafe;width:320px;height:320px;top:-40px;left:-160px}.blob-right[data-v-b5c657e7]{background:#fef3c7;width:280px;height:280px;top:35%;right:-140px}.blob-bottom[data-v-b5c657e7]{background:#fef3c7;width:240px;height:240px;bottom:20px;left:-100px}.feature-card[data-v-b5c657e7]{z-index:2;background:#fff;border:1px solid #dce7ff;border-radius:18px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 6px 18px #00000008}.feature-card[data-v-b5c657e7]:hover{transform:translateY(-5px);box-shadow:0 15px 30px #3978f61f}.feature-card img[data-v-b5c657e7]{object-fit:cover;width:100%;height:130px;display:block}.card-body[data-v-b5c657e7]{padding:16px}.card-body h3[data-v-b5c657e7]{color:#111827;margin-bottom:6px;font-size:18px;font-weight:700;line-height:1.3}.card-body p[data-v-b5c657e7]{color:#64748b;font-size:13px;line-height:1.45}.feature-card.coming[data-v-b5c657e7]{background:#fff;justify-content:flex-start;padding:18px;overflow:visible}.coming-badge[data-v-b5c657e7]{color:#2563eb;background-color:#eef5ff;border-radius:9999px;height:fit-content;padding:4px 10px;font-size:11px;font-weight:600}.portal-section[data-v-4ece4120]{isolation:isolate;opacity:0;transition:all .8s;position:relative;transform:translateY(30px)}.portal-section.show[data-v-4ece4120]{opacity:1;transform:translateY(0)}.blob[data-v-4ece4120]{pointer-events:none;z-index:-1;border-radius:9999px;position:absolute}.blob-blue-right[data-v-4ece4120]{background:#dbeafe;width:300px;height:300px;top:180px;right:-100px}.portal-card[data-v-4ece4120]{background:#fff;border:1px solid #bfdbfe;border-radius:24px;flex-direction:column;padding:24px 22px 200px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #0000000a}@media (width>=1024px){.portal-card[data-v-4ece4120]{min-height:720px;padding-bottom:0}}.icon-box[data-v-4ece4120]{background:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 12px #00000014}.portal-card h3[data-v-4ece4120]{color:#111827;font-size:20px;font-weight:700}.portal-desc[data-v-4ece4120]{color:#1f2937;margin-top:18px;font-size:14px;line-height:1.6}.portal-card ul[data-v-4ece4120]{flex-direction:column;gap:10px;margin-top:18px;display:flex}.portal-card li[data-v-4ece4120]{color:#374151;align-items:flex-start;gap:10px;font-size:13px;line-height:1.4;display:flex}.portal-card li span[data-v-4ece4120]{background:#93c5fd;border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:6px}.image-wrapper[data-v-4ece4120]{width:100%;height:180px;position:absolute;bottom:0;left:0;overflow:hidden}@media (width>=1024px){.image-wrapper[data-v-4ece4120]{height:240px}}.image-wrapper[data-v-4ece4120]:before{content:"";z-index:2;background:linear-gradient(#fff 0%,#fffc 35%,#0000 100%);width:100%;height:60px;position:absolute;top:0;left:0}.portal-image[data-v-4ece4120]{object-fit:cover;object-position:center;width:100%;height:100%}.how-section[data-v-e92055bd]{opacity:0;background:#f9fafb;padding:60px 0 50px;transition:all .7s;position:relative;transform:translateY(30px)}@media (width>=900px){.how-section[data-v-e92055bd]{padding:90px 0 75px}}.step-icon[data-v-e92055bd]{color:#fff;width:26px;height:26px}.how-section.show[data-v-e92055bd]{opacity:1;transform:none}.how-wrapper[data-v-e92055bd]{max-width:1050px;margin:auto;padding:0 18px}.badge[data-v-e92055bd]{color:#2563eb;background:#dbeafe;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;display:inline-flex}h2[data-v-e92055bd]{color:#111827;margin-top:12px;font-size:24px;font-weight:800;line-height:1.25}@media (width>=900px){h2[data-v-e92055bd]{margin-top:18px;font-size:34px}}h2 span[data-v-e92055bd]{color:#3978f6}.text-center p[data-v-e92055bd]{color:#64748b;max-width:450px;margin-top:10px;margin-left:auto;margin-right:auto;font-size:12px;line-height:1.5}@media (width>=900px){.text-center p[data-v-e92055bd]{max-width:none;margin-top:14px;font-size:14px}}.timeline[data-v-e92055bd]{flex-direction:column;gap:20px;margin-top:35px;padding-left:36px;display:flex;position:relative}@media (width>=900px){.timeline[data-v-e92055bd]{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:60px;padding-left:0;display:grid}}.mobile-line[data-v-e92055bd]{z-index:1;border-left:2px dashed #93c5fd;width:2px;height:calc(100% - 50px);position:absolute;top:15px;left:14px}@media (width>=900px){.mobile-line[data-v-e92055bd]{display:none}}.line[data-v-e92055bd]{display:none}@media (width>=900px){.line[data-v-e92055bd]{border-top:2px dashed #93c5fd;width:80%;display:block;position:absolute;top:-22px;left:10%}}.step[data-v-e92055bd]{text-align:left;position:relative}@media (width>=900px){.step[data-v-e92055bd]{text-align:center}}.number[data-v-e92055bd]{color:#fff;z-index:2;background:#facc15;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex;position:absolute;top:20px;left:-36px;box-shadow:0 2px 4px #00000014}@media (width>=900px){.number[data-v-e92055bd]{width:22px;height:22px;margin:-34px auto 18px;position:static}}.card[data-v-e92055bd]{text-align:left;background:#fff;border:1px solid #dbeafe;border-radius:16px;width:100%;padding:18px 16px;box-shadow:0 6px 15px #00000008}@media (width>=900px){.card[data-v-e92055bd]{text-align:center;height:195px;padding:15px 18px}}.icon-box[data-v-e92055bd]{background:#3978f6;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:12px;display:flex}@media (width>=900px){.icon-box[data-v-e92055bd]{width:48px;height:48px;margin:0 auto 15px}}.icon-box[data-v-e92055bd] svg{color:#fff;stroke:#fff;width:24px;height:24px}.card h3[data-v-e92055bd]{color:#111827;font-size:14px;font-weight:700}.card p[data-v-e92055bd]{color:#64748b;margin-top:6px;font-size:11.5px;line-height:1.45}@media (width>=900px){.card p[data-v-e92055bd]{margin-top:8px;font-size:11px}}.start-btn[data-v-e92055bd]{color:#fff;cursor:pointer;background:#5492f7;border:none;border-radius:999px;justify-content:center;align-items:center;width:100%;margin:30px auto 0;padding:14px 24px;font-size:14px;font-weight:600;transition:background .2s;display:flex;box-shadow:0 6px 18px #3978f640}@media (width>=900px){.start-btn[data-v-e92055bd]{width:auto;margin:45px auto 0;padding:10px 28px;font-size:13px}}.start-btn[data-v-e92055bd]:hover{background:#3978f6}.start-btn span[data-v-e92055bd]{margin-left:8px}.cta-section[data-v-12b545f1]{isolation:isolate;text-align:center;background:#3978f6;padding:55px 20px;position:relative;overflow:hidden}.cta-wrapper[data-v-12b545f1]{z-index:2;flex-direction:column;align-items:center;max-width:600px;margin:auto;display:flex;position:relative}.blob[data-v-12b545f1]{pointer-events:none;z-index:0;border-radius:50%;position:absolute}.blob-1[data-v-12b545f1]{background:#ffffff14;width:350px;height:350px;top:-100px;left:-100px}.blob-2[data-v-12b545f1]{background:#ffffff14;width:300px;height:300px;top:-40px;right:-80px}.blob-3[data-v-12b545f1]{background:#ffffff0f;width:350px;height:350px;bottom:-150px;left:20%}.title-area[data-v-12b545f1]{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.icon-box[data-v-12b545f1]{backdrop-filter:blur(4px);background:#fff3;border-radius:22px;flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;display:flex;box-shadow:0 8px 20px #00000014}.rocket-icon[data-v-12b545f1]{color:#fff!important;width:36px!important;height:36px!important}h2[data-v-12b545f1]{color:#fff;padding:0 4px;font-size:22px;font-weight:800;line-height:1.25}h2 span[data-v-12b545f1]{color:#facc15}.badges[data-v-12b545f1]{flex-direction:column;align-items:center;gap:10px;width:100%;margin-top:22px;display:flex}.badge[data-v-12b545f1]{color:#fff;text-align:left;white-space:nowrap;background:#ffffff26;border-radius:999px;justify-content:flex-start;align-items:center;gap:10px;width:fit-content;max-width:100%;padding:12px 18px;font-size:13px;font-weight:500;display:flex;box-shadow:inset 0 1px 1px #fff3}.badge span[data-v-12b545f1]{flex:none}.badge-icon[data-v-12b545f1]{flex-shrink:0;color:#fff!important;width:16px!important;height:16px!important}.desc[data-v-12b545f1]{color:#fff;opacity:.9;max-width:360px;margin-top:18px;padding:0 8px;font-size:12px;line-height:1.55}.buttons[data-v-12b545f1]{flex-direction:row;justify-content:center;gap:10px;width:100%;max-width:340px;margin-top:22px;display:flex}.btn-primary[data-v-12b545f1],.btn-outline[data-v-12b545f1]{text-align:center;white-space:nowrap;border-radius:999px;flex:1;padding:11px 16px;font-size:13px;font-weight:600;transition:all .2s}.btn-primary[data-v-12b545f1]{color:#2563eb;background:#fff;box-shadow:0 4px 12px #00000014}.btn-primary[data-v-12b545f1]:hover{background:#f8fafc}.btn-outline[data-v-12b545f1]{color:#fff;background:0 0;border:1px solid #ffffffb3}.btn-outline[data-v-12b545f1]:hover{background:#ffffff1a}@media (width<=375px){.cta-section[data-v-12b545f1]{padding:40px 14px}.icon-box[data-v-12b545f1]{border-radius:18px;width:56px;height:56px}.rocket-icon[data-v-12b545f1]{width:30px!important;height:30px!important}h2[data-v-12b545f1]{font-size:18px}.badge[data-v-12b545f1]{padding:9px 12px;font-size:11.5px}.desc[data-v-12b545f1]{font-size:11px}.buttons[data-v-12b545f1]{flex-direction:column;max-width:260px}.btn-primary[data-v-12b545f1],.btn-outline[data-v-12b545f1]{width:100%}}@media (width>=640px){h2[data-v-12b545f1]{font-size:30px}.desc[data-v-12b545f1]{max-width:450px;font-size:13px}}@media (width<=320px){.badge[data-v-12b545f1]{white-space:normal;line-height:1.3}}.contact-section[data-v-e0ccc38c]{background:#f9fafb;padding:50px 0 70px}@media (width>=900px){.contact-section[data-v-e0ccc38c]{padding:70px 0 90px}}.contact-wrapper[data-v-e0ccc38c]{grid-template-columns:1fr;align-items:start;gap:40px;max-width:1050px;margin:auto;padding:0 20px;display:grid}@media (width>=900px){.contact-wrapper[data-v-e0ccc38c]{grid-template-columns:1fr 1fr;gap:80px;padding:0 24px}}.badge[data-v-e0ccc38c]{color:#2563eb;background:#dbeafe;border-radius:999px;padding:6px 15px;font-size:12px;font-weight:600;display:inline-flex}h2[data-v-e0ccc38c]{color:#111827;margin-top:14px;font-size:26px;font-weight:800;line-height:1.25}@media (width>=900px){h2[data-v-e0ccc38c]{margin-top:18px;font-size:32px;line-height:1.2}}h2 span[data-v-e0ccc38c]{color:#3978f6}.desc[data-v-e0ccc38c]{color:#64748b;max-width:400px;margin-top:12px;font-size:13px;line-height:1.6}.contact-list[data-v-e0ccc38c]{flex-direction:column;gap:16px;margin-top:24px;display:flex}@media (width>=900px){.contact-list[data-v-e0ccc38c]{gap:20px;margin-top:30px}}.contact-item[data-v-e0ccc38c]{align-items:center;gap:12px;display:flex}.contact-item[data-v-e0ccc38c] svg{color:#60a5fa;flex-shrink:0;width:18px;height:18px}.contact-item h4[data-v-e0ccc38c]{color:#111827;font-size:13px;font-weight:600}.contact-item p[data-v-e0ccc38c]{color:#3978f6;margin-top:2px;font-size:12px}.form-card[data-v-e0ccc38c]{background:#fff;border:1px solid #dbeafe;border-radius:20px;padding:20px;box-shadow:0 10px 25px #00000008}@media (width>=900px){.form-card[data-v-e0ccc38c]{padding:25px}}.form-card h3[data-v-e0ccc38c]{color:#111827;margin-bottom:16px;font-size:16px;font-weight:700}.grid[data-v-e0ccc38c]{grid-template-columns:1fr;gap:14px;display:grid}@media (width>=640px){.grid[data-v-e0ccc38c]{grid-template-columns:1fr 1fr;gap:16px}}label[data-v-e0ccc38c]{color:#111827;margin-bottom:6px;font-size:11px;font-weight:600;display:block}input[data-v-e0ccc38c],textarea[data-v-e0ccc38c]{color:#111827;background:#fff;border:1px solid #e5e7eb;border-radius:12px;outline:none;width:100%;height:40px;padding:0 14px;font-family:inherit;font-size:12px;transition:border-color .2s}input[data-v-e0ccc38c]:focus,textarea[data-v-e0ccc38c]:focus{border-color:#3978f6}textarea[data-v-e0ccc38c]{resize:none;border-radius:12px;height:85px;padding-top:10px}.message-label[data-v-e0ccc38c]{margin-top:14px}button[data-v-e0ccc38c]{color:#fff;cursor:pointer;background:#3978f6;border:none;border-radius:999px;width:100%;height:42px;margin-top:16px;font-size:13px;font-weight:600;transition:background .2s;box-shadow:0 4px 12px #3978f640}button[data-v-e0ccc38c]:hover{background:#2b63d9}