@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/2c55a0e60120577a-s.0bjc5tiuqdqro.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.0m6w47a4e5dy9.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/ad66f9afd8947f86-s.11u06r12fd6v_.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/5476f68d60460930-s.0wxq9webf.ew4.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.067x_6k0k23tk.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/1bffadaabf893a1e-s.16ipb6fqu393i.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.0q-301v4kxxnr.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_42f8b375-module__n2cNyW__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_42f8b375-module__n2cNyW__variable{--font-inter:"Inter", "Inter Fallback"}
*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,Outfit,sans-serif}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#eff6ff;--slate-900:#0f172a;--slate-800:#1e293b;--slate-700:#334155;--slate-600:#475569;--slate-500:#64748b;--slate-400:#94a3b8;--slate-200:#e2e8f0;--slate-100:#f1f5f9;--slate-50:#f8fafc}body{background-color:var(--slate-50);color:var(--slate-900);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#fffc;border-bottom:1px solid #e2e8f080;justify-content:space-between;align-items:center;height:80px;padding:0 5%;transition:all .3s;display:flex;position:sticky;top:0}.logo{color:var(--primary);cursor:pointer;font-size:24px;font-weight:800}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--slate-600);cursor:pointer;font-size:15px;font-weight:600;transition:all .2s}.nav-links a:hover{color:var(--primary)}.btn-blue{background:var(--primary);border-radius:12px;padding:12px 24px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #2563eb33;color:#fff!important}.btn-blue:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 8px 20px #2563eb4d}.hero{text-align:center;background:radial-gradient(circle at top,#f0f7ff 0%,#fff 100%);padding:120px 20px;position:relative;overflow:hidden}.hero:before{content:"";z-index:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%232563eb' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:-10%}.hero h1{letter-spacing:-2px;color:var(--slate-900);z-index:1;margin-bottom:24px;font-size:64px;font-weight:900;line-height:1.1;position:relative}.hero p{color:var(--slate-500);z-index:1;max-width:720px;margin:0 auto 40px;font-size:20px;line-height:1.6;position:relative}.hero-accent{background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.section{max-width:1200px;margin:auto;padding:100px 20px}.section h2{letter-spacing:-1px;margin-bottom:16px;font-size:42px;font-weight:800}.grid-lp{grid-template-columns:repeat(3,1fr);gap:32px;display:grid}.card-produk-lp{border:1px solid var(--slate-200);background:#fff;border-radius:24px;flex-direction:column;padding:40px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 6px -1px #0000000d}.card-produk-lp:hover{border-color:var(--primary);transform:translateY(-12px);box-shadow:0 20px 40px -12px #0000001a}.card-produk{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:30px;transition:all .3s;box-shadow:0 10px 25px #00000008}.card-produk:hover{border-color:#2563eb;transform:translateY(-8px)}.badge{color:#2563eb;background:#eef3ff;border-radius:999px;margin-bottom:15px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-block}.feature-list{color:#475569;margin-top:15px;font-size:14px;list-style:none}.feature-list li{margin-bottom:8px}.feature-list li:before{content:"• ";color:#2563eb;font-weight:700}.dashboard{background:#fff;border-radius:20px;grid-template-columns:repeat(3,1fr);gap:15px;padding:20px;animation:1s fadeUp;display:grid;box-shadow:0 30px 60px #00000014}.dash-card{text-align:left;background:#f8fbff;border-radius:14px;padding:15px;animation:4s ease-in-out infinite float}.dash-card:nth-child(2){animation-delay:.3s}.dash-card:nth-child(3){animation-delay:.6s}.metric{font-size:22px;font-weight:700}.label-text{color:#64748b;font-size:12px}.bar{background:#e2e8f0;border-radius:999px;height:6px;margin-top:10px;overflow:hidden}.bar span{background:linear-gradient(90deg,#4f7cff,#6c8fff);width:0;height:100%;animation:2s forwards grow;display:block}.section-problem{background:#fff;padding:120px 20px}.problem-card{border:1px solid var(--slate-100);background:#fff;border-radius:24px;padding:40px;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.problem-card:before{content:"";background:radial-gradient(400px circle at var(--x,50%) var(--y,50%), #ef44441a, transparent 70%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.problem-card:hover:before{opacity:1}.problem-card:hover{border-color:#ef444433;transform:translateY(-8px);box-shadow:0 20px 40px -12px #ef444426}.icon-box{background:#fff1f2;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:24px;display:flex;box-shadow:0 4px 12px #ef44441a}.icon-box svg{stroke:#ef4444;stroke-width:2.5px;fill:none;width:28px;height:28px}.problem-card h3{color:var(--slate-900);margin-bottom:12px;font-size:18px;font-weight:800}.problem-card p{color:var(--slate-500);font-size:15px;line-height:1.6}.product-card{border:1px solid var(--slate-200);background:#fff;border-radius:24px;flex-direction:column;gap:16px;padding:40px;transition:all .3s;display:flex}.product-card:hover{border-color:var(--primary);transform:scale(1.01);box-shadow:0 20px 40px -12px #00000014}.desc{color:var(--slate-600);font-size:15px;line-height:1.8}.integration-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;display:grid}.integration-card{border:1px solid var(--slate-200);text-align:center;background:#fff;border-radius:20px;padding:32px;transition:all .3s;box-shadow:0 4px 6px -1px #0000000d}.integration-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:0 10px 20px #0000000d}.integration-card h4{color:var(--slate-800);font-size:18px;font-weight:700}.cta{text-align:center;background:var(--slate-900);color:#fff;border-radius:40px;margin:60px 20px;padding:100px 40px}.cta h2{color:#fff;margin-bottom:16px;font-size:36px;font-weight:800}.cta p{color:var(--slate-400);max-width:600px;margin:0 auto 32px;font-size:18px}.solution{text-align:left;background:#ffffff0d;border-radius:20px;max-width:480px;margin:32px auto;padding:24px}.solution p{color:var(--slate-200);align-items:center;gap:10px;margin-bottom:12px;font-size:16px;display:flex}.solution p:last-child{margin-bottom:0}.blog-meta{color:#94a3b8;margin-bottom:10px;font-size:12px;display:block}.blog-title{margin-bottom:10px;font-size:20px;font-weight:700;line-height:1.4}.blog-excerpt{color:#64748b;font-size:14px;line-height:1.6}.blog-card{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:30px;transition:all .3s;box-shadow:0 10px 25px #00000008}.blog-card:hover{border-color:#2563eb;transform:translateY(-8px)}.blog-detail{background:#fff;border-radius:24px;max-width:800px;margin:40px auto;padding:40px}.btn-back{color:#2563eb;cursor:pointer;margin-bottom:20px;font-weight:600;display:inline-block}.pricing-section{text-align:center;background:#fff;padding:80px 20px}.toggle-container{background:#f1f5f9;border-radius:999px;align-items:center;margin:30px 0;padding:5px;display:inline-flex}.toggle-container button{cursor:pointer;background:0 0;border:none;border-radius:999px;padding:10px 25px;font-family:inherit;font-size:14px;font-weight:600;transition:all .3s}.toggle-container .active{color:#2563eb;background:#fff;box-shadow:0 2px 8px #0000001a}.price-val{margin:15px 0;font-size:32px;font-weight:800;display:block}.save-label{color:#16a34a;margin-left:10px;font-size:14px;font-weight:700}.pricing-card{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:30px;box-shadow:0 10px 25px #00000008}.pricing-card-featured{border:2px solid #2563eb}.bill-label{color:#64748b;font-size:12px}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 80px);padding:40px 20px;display:flex}.auth-card{background:#fff;border-radius:24px;width:100%;max-width:450px;padding:40px;box-shadow:0 20px 50px #0f172a1a}.form-group{margin-bottom:20px}.form-group label{margin-bottom:8px;font-size:14px;font-weight:600;display:block}.form-group input{border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:14px;font-family:inherit;font-size:16px;transition:border .3s}.form-group input:focus{border-color:#2563eb}.btn-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;width:100%;padding:16px;font-family:inherit;font-size:16px;font-weight:700;transition:background .3s}.btn-submit:hover{background:#1d4ed8}.auth-footer{text-align:center;color:#64748b;margin-top:20px;font-size:14px}.auth-footer a{color:#2563eb;cursor:pointer;font-weight:700}.footer{color:#94a3b8;background:#172b5a;padding:40px 20px 20px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr;align-items:start;gap:30px;max-width:1100px;margin:auto;display:grid}.footer-brand h3{color:#fff;margin-bottom:10px;font-size:18px}.footer-brand p{max-width:320px;font-size:15px;line-height:1.6}.footer-legal-title{color:#fff;margin-bottom:10px;font-size:15px;font-weight:600}.footer-legal-links{flex-direction:column;gap:6px;font-size:15px;display:flex}.footer-bottom{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;max-width:1100px;margin:25px auto 0;padding-top:15px;font-size:14px;display:flex}.footer-socials{gap:12px;display:flex}.footer-socials span{opacity:.8;cursor:pointer;transition:opacity .3s}.footer-socials span:hover{opacity:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes grow{to{width:var(--w)}}@media (max-width:768px){.hero h1{font-size:32px}.hero{padding:80px 20px 40px}.section,.section-problem{padding:60px 20px}.section h2{font-size:28px}.dashboard{grid-template-columns:repeat(2,1fr)}.grid-lp{grid-template-columns:1fr}.card-produk-lp,.card-produk-lp:nth-child(4),.card-produk-lp:nth-child(5){grid-column:span 1!important}.footer-grid{grid-template-columns:1fr}.nav-links{gap:12px;font-size:14px}.btn-blue{padding:8px 14px;font-size:13px}}@media (max-width:480px){.dashboard{grid-template-columns:1fr}.nav-links{display:none}}.sub-nav-item:hover{color:#fff!important;background:#ffffff1a!important}.sub-nav-item:hover div{transform:scale(1.5);background:#fff!important}.range-bar-row:hover{background:#f8fafc;transition:all .2s;transform:translate(4px)}.range-bar-row:hover div[style*="background: linear-gradient"]{filter:brightness(1.1)}.chart-tooltip{opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;transform:translateY(5px)}.chart-point-group:hover .chart-tooltip{opacity:1;transform:translateY(0)}.chart-point-group circle{cursor:pointer;transition:r .2s,stroke-width .2s}.chart-point-group:hover circle{r:3;stroke-width:2px}.chart-hover-line{opacity:0;pointer-events:none;transition:opacity .2s}.chart-point-group:hover .chart-hover-line{opacity:1}.status-badge{text-transform:uppercase;border-radius:20px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-block}.status-badge.pending{color:#854d0e;background:#fef9c3}.status-badge.success,.status-badge.paid,.status-badge.active{color:#166534;background:#dcfce7}.status-badge.failed,.status-badge.expired{color:#991b1b;background:#fee2e2}