.lp{--lp-ink:#000;--lp-brand:#2c3480;--lp-brand-dark:#232a68;--lp-soft:#e8ecfa;--lp-surface:#f3f4f6;--lp-muted:#6b7280;--lp-line:#e5e7eb;--lp-border:#d1d5db;--lp-radius:22px;--lp-shadow:0 8px 24px #0000000f;font-family:var(--font-inter), Inter, Arial, sans-serif;color:var(--lp-ink);-webkit-font-smoothing:antialiased;background:#fff;min-height:100vh;line-height:1.6}.lp *,.lp :before,.lp :after{box-sizing:border-box}:where(.lp) :is(h1,h2,h3,p,ul,ol){margin:0}:where(.lp) :is(ul,ol){padding:0;list-style:none}.lp a{color:inherit}.lp-wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 16px}.lp :focus-visible{outline:3px solid var(--lp-brand);outline-offset:3px;border-radius:6px}.lp-skip{z-index:100;background:#fff;border-radius:999px;padding:10px 16px;font-weight:600;position:absolute;top:8px;left:-9999px}.lp-skip:focus{left:12px}.lp-btn{border:1px solid var(--lp-brand);background:var(--lp-brand);border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:1rem;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex;color:#fff!important}.lp-btn:hover{background:var(--lp-brand-dark);border-color:var(--lp-brand-dark)}.lp-btn-ghost{border-color:var(--lp-border);background:#fff;font-weight:600;color:var(--lp-ink)!important}.lp-btn-ghost:hover{background:var(--lp-surface);border-color:var(--lp-border)}.lp-btn-sm{min-height:40px;padding:0 18px;font-size:.9rem}.lp-header{z-index:50;border-bottom:1px solid var(--lp-line);background:#fff;position:sticky;top:0}.lp-header-in{justify-content:space-between;align-items:center;gap:16px;height:68px;display:flex}.lp-logo img{width:auto;height:36px;display:block}.lp-header-actions{align-items:center;gap:8px;display:flex}.lp-menu-btn{border:1px solid var(--lp-border);cursor:pointer;background:#fff;border-radius:999px;place-items:center;width:44px;height:44px;padding:0;display:grid}.lp-menu-btn span,.lp-menu-btn span:before,.lp-menu-btn span:after{background:var(--lp-ink);border-radius:2px;width:18px;height:2px;transition:transform .15s;display:block}.lp-menu-btn span{position:relative}.lp-menu-btn span:before,.lp-menu-btn span:after{content:"";position:absolute;left:0}.lp-menu-btn span:before{top:-6px}.lp-menu-btn span:after{top:6px}.lp-menu-btn[aria-expanded=true] span{background:0 0}.lp-menu-btn[aria-expanded=true] span:before{top:0;transform:rotate(45deg)}.lp-menu-btn[aria-expanded=true] span:after{top:0;transform:rotate(-45deg)}.lp-menu-panel{border-bottom:1px solid var(--lp-line);background:#fff;padding:8px 16px 16px;display:grid;position:absolute;top:100%;left:0;right:0}.lp-menu-panel[hidden]{display:none}.lp-menu-panel a{border-bottom:1px solid var(--lp-line);padding:14px 4px;font-weight:600;text-decoration:none;display:block}.lp-menu-panel a:last-child{border-bottom:0}.lp-nav{gap:32px;display:none}.lp-nav a{color:var(--lp-muted);font-size:.95rem;font-weight:600;text-decoration:none}.lp-nav a:hover{color:var(--lp-ink)}.lp-hero{padding:40px 0 56px;position:relative;overflow:hidden}.lp-hero-grid{z-index:1;align-items:center;gap:48px;display:grid;position:relative}.lp-eyebrow{color:var(--lp-brand);text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:700;display:block}.lp-h1{letter-spacing:-.035em;margin-top:16px;font-size:clamp(2.4rem,7vw,4rem);font-weight:800;line-height:1.05}.lp-h1 span{color:var(--lp-brand)}.lp-sub{max-width:540px;color:var(--lp-muted);margin-top:20px;font-size:1.125rem}.lp-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.lp-proof{color:var(--lp-muted);align-items:center;gap:12px;margin-top:20px;font-size:.9rem;display:flex}.lp-avatar{object-fit:cover;background:var(--lp-soft);width:40px;height:40px;box-shadow:0 0 0 1px var(--lp-border);border:2px solid #fff;border-radius:50%;flex:none}.lp-avatar-placeholder{place-items:center;display:grid}.lp-avatar-placeholder span{font-size:0}.lp-stage{z-index:1;padding:8px 0;position:relative}.lp-waves{pointer-events:none;width:min(62%,760px);height:auto;display:none;position:absolute;bottom:0;right:0}.lp-score-head{align-items:center;gap:16px;margin-bottom:20px;display:flex}.lp-ring{--p:50;background:conic-gradient(var(--lp-brand) calc(var(--p) * 1%), var(--lp-line) 0);border-radius:50%;flex:none;place-items:center;width:76px;height:76px;display:grid}.lp-ring b{background:#fff;border-radius:50%;place-items:center;width:58px;height:58px;font-size:1.35rem;font-weight:800;display:grid}.lp-score-title{font-size:1.05rem;font-weight:800}.lp-tag{color:var(--lp-muted);background:var(--lp-surface);border-radius:8px;margin-top:4px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-block}.lp-bars{gap:14px;display:grid}.lp-bar-row{gap:6px;display:grid}.lp-bar-label{justify-content:space-between;gap:12px;font-size:.85rem;font-weight:600;display:flex}.lp-bar-label span:last-child{color:var(--lp-muted);font-variant-numeric:tabular-nums}.lp-bar{background:var(--lp-surface);border-radius:999px;height:8px;overflow:hidden}.lp-bar i{background:var(--lp-brand);border-radius:999px;height:100%;display:block}.lp-section{padding:48px 0}.lp-alt{background:var(--lp-surface)}.lp-head{text-align:center;max-width:680px;margin:0 auto 40px}.lp-h2{letter-spacing:-.025em;font-size:clamp(1.75rem,4.5vw,2.5rem);font-weight:800;line-height:1.15}.lp-lead{color:var(--lp-muted);margin-top:14px;font-size:1.05rem}.lp-grid{gap:16px;display:grid}.lp-card{border:1px solid var(--lp-line);border-radius:var(--lp-radius);box-shadow:var(--lp-shadow);background:#fff;padding:24px}.lp-card h3{font-size:1.1rem;font-weight:800;line-height:1.3}.lp-card p{color:var(--lp-muted);margin-top:8px;font-size:.97rem}.lp-num{background:var(--lp-soft);width:40px;height:40px;color:var(--lp-brand);border-radius:14px;place-items:center;margin-bottom:16px;font-weight:800;display:grid}.lp-demo{align-items:start;gap:40px;display:grid}.lp-finding{color:var(--lp-muted);margin-top:4px;font-size:.85rem;font-weight:400}.lp-roadmap{gap:10px;margin-top:24px;display:grid}.lp-roadmap li{color:var(--lp-muted);padding-left:28px;position:relative}.lp-roadmap li:before{content:"";background:var(--lp-brand);border-radius:50%;width:10px;height:10px;position:absolute;top:8px;left:0}.lp-price{letter-spacing:-.02em;color:var(--lp-brand);margin-top:12px;font-size:1.75rem;font-weight:800}.lp-price small{color:var(--lp-muted);font-size:.9rem;font-weight:600}.lp-ticks{gap:8px;margin-top:16px;display:grid}.lp-ticks li{padding-left:26px;font-size:.95rem;position:relative}.lp-ticks li:before{content:"";border-left:2px solid var(--lp-brand);border-bottom:2px solid var(--lp-brand);width:12px;height:7px;position:absolute;top:7px;left:2px;transform:rotate(-45deg)}.lp-feature{border-radius:var(--lp-radius);background:var(--lp-soft);gap:24px;margin-top:24px;padding:32px 24px;display:grid}.lp-feature .lp-note{color:var(--lp-muted);margin-top:10px;font-size:.92rem}.lp-pill{color:var(--lp-brand);background:#fff;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:700;display:inline-block}.lp-sub-h{letter-spacing:-.015em;margin:48px 0 16px;font-size:1.3rem;font-weight:800}.lp-fine{color:var(--lp-muted);margin-top:16px;font-size:.88rem}.lp-two{gap:16px;display:grid}.lp-faq{max-width:760px;margin:0 auto}.lp-faq details{border:1px solid var(--lp-line);background:#fff;border-radius:16px;margin-bottom:12px;padding:0 20px}.lp-faq summary{cursor:pointer;padding:18px 28px 18px 0;font-weight:700;list-style:none;position:relative}.lp-faq summary::-webkit-details-marker{display:none}.lp-faq summary:after{content:"+";color:var(--lp-brand);font-size:1.5rem;position:absolute;top:14px;right:0}.lp-faq details[open] summary:after{content:"−"}.lp-faq details p{color:var(--lp-muted);padding:0 0 18px}.lp-cta{text-align:center;border-radius:var(--lp-radius);background:var(--lp-soft);padding:48px 24px}.lp-cta p{max-width:560px;color:var(--lp-muted);margin:14px auto 24px}.lp-footer{background:var(--lp-surface);border-top:1px solid var(--lp-line);margin-top:32px;padding:32px 0}.lp-footer-pad{padding-bottom:96px}.lp-footer-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.lp-footer-brand{grid-column:1/-1}.lp-footer-brand img{width:auto;height:34px;display:block}.lp-footer-tag{max-width:300px;color:var(--lp-muted);margin-top:8px;font-size:.9rem}.lp-footer-title{letter-spacing:.08em;text-transform:uppercase;color:var(--lp-ink);margin-bottom:8px;font-size:.78rem;font-weight:700}.lp-footer ul{gap:0;display:grid}.lp-footer nav a{color:var(--lp-muted);padding:3px 0;font-size:.95rem;line-height:1.45;text-decoration:none;display:inline-block}.lp-footer nav a:hover{color:var(--lp-ink)}.lp-legal{max-width:760px;padding-top:40px;padding-bottom:48px}.lp-legal-title{margin-top:0;font-size:clamp(1.9rem,5vw,2.6rem)}.lp-legal-meta{color:var(--lp-muted);margin-top:8px;font-size:.9rem}.lp-legal .lp-lead{margin-top:16px}.lp-legal-section{margin-top:32px;scroll-margin-top:84px}.lp-legal-section h2{letter-spacing:-.015em;margin-bottom:8px;font-size:1.3rem;font-weight:800}.lp-legal-section p{color:var(--lp-ink);margin-top:8px}.lp-legal-section ul{color:var(--lp-ink);gap:6px;margin-top:8px;padding-left:1.25rem;list-style:outside;display:grid}.lp-legal-section a{color:var(--lp-brand);font-weight:600}.lp-copy{border-top:1px solid var(--lp-line);color:var(--lp-muted);margin-top:24px;padding-top:16px;font-size:.85rem}.lp-sticky{z-index:60;border-top:1px solid var(--lp-line);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex;position:fixed;bottom:0;left:0;right:0}.lp-sticky b{font-weight:800}@media (max-width:479px){.lp-header-actions .lp-btn{display:none}}@media (min-width:640px){.lp-wrap{padding:0 20px}.lp-section{padding:72px 0}.lp-grid-2,.lp-two{grid-template-columns:repeat(2,1fr)}.lp-footer{margin-top:40px}}@media (min-width:900px){.lp-menu{display:none}.lp-nav{display:flex}.lp-hero{padding:72px 0 88px}.lp-hero-grid{grid-template-columns:.9fr 1.1fr;gap:40px}.lp-waves{display:block}.lp-grid-4{grid-template-columns:repeat(4,1fr)}.lp-grid-3{grid-template-columns:repeat(3,1fr)}.lp-demo{grid-template-columns:.9fr 1.1fr;gap:56px}.lp-feature{grid-template-columns:1fr 1fr;align-items:center;padding:48px}.lp-footer-grid{grid-template-columns:1.4fr 1fr 1fr;align-items:start;gap:24px 40px}.lp-footer-brand{grid-column:auto}.lp-footer-pad{padding-bottom:40px}.lp-sticky{display:none}}@media (prefers-reduced-motion:reduce){.lp-btn{transition:none}html{scroll-behavior:auto}}.lp-kenalan{background:var(--lp-soft)}.lp-kenalan-grid{align-items:start;gap:28px;display:grid}.lp-kenalan-photo{aspect-ratio:4/5;border-radius:var(--lp-radius);width:100%;max-width:200px;box-shadow:var(--lp-shadow);background:#fff;overflow:hidden}.lp-kenalan-img{object-fit:cover;object-position:50% 20%;width:100%;height:100%;display:block}.lp-kenalan-placeholder{text-align:center;border:2px dashed var(--lp-brand);border-radius:var(--lp-radius);height:100%;color:var(--lp-brand);place-items:center;padding:16px;font-size:.85rem;font-weight:700;display:grid}.lp-kenalan-text .lp-h2{margin-top:10px}.lp-kenalan-text>p{max-width:640px;color:var(--lp-ink);margin-top:14px;font-size:1.02rem}.lp-chips{flex-wrap:wrap;gap:8px;margin-top:22px;padding:0;list-style:none;display:flex}.lp-chip{border:1px solid var(--lp-border);color:var(--lp-ink);background:#fff;border-radius:999px;padding:7px 14px;font-size:.85rem;font-weight:600;line-height:1.3}.lp-chip-accent{background:var(--lp-brand);border-color:var(--lp-brand);color:#fff}.lp-quote{border-left:4px solid var(--lp-brand);max-width:640px;margin:24px 0 0;padding:4px 0 4px 18px}.lp-quote p{color:var(--lp-brand);font-size:1.15rem;font-weight:700;line-height:1.4}.lp-projects-wrap{border-top:1px solid var(--lp-border);margin-top:40px;padding-top:28px}.lp-projects-title{letter-spacing:.08em;color:var(--lp-muted);font-size:.78rem;font-weight:700}.lp-projects{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.lp-project{border:1px solid var(--lp-line);border-radius:var(--lp-radius);background:#fff;align-content:start;gap:4px;padding:18px 20px;display:grid}.lp-project-logo{object-fit:contain;object-position:left center;width:auto;max-width:100%;height:48px;margin-bottom:10px;display:block}.lp-project a{color:var(--lp-brand);overflow-wrap:anywhere;font-size:.92rem;font-weight:600}.lp-project span{color:var(--lp-muted);font-size:.93rem}.lp-footer-by{color:var(--lp-muted);margin-top:6px;font-size:.85rem}@media (min-width:900px){.lp-kenalan-grid{grid-template-columns:minmax(0,360px) 1fr;gap:56px}.lp-kenalan-photo{max-width:none}.lp-projects{grid-template-columns:repeat(3,1fr)}}.lp-article{max-width:760px;padding-top:40px;padding-bottom:56px}.lp-article-meta{color:var(--lp-muted);margin-bottom:8px;font-size:.9rem}.lp-article-back{margin-bottom:16px;font-size:.9rem}.lp-article-back a{color:var(--lp-brand);font-weight:600}.lp-guide-list{gap:16px;margin-top:32px;padding:0;list-style:none;display:grid}.lp-guide-card{border:1px solid var(--lp-line);color:inherit;background:#fff;border-radius:16px;padding:20px 22px;text-decoration:none;transition:border-color .15s;display:block}.lp-guide-card:hover{border-color:var(--lp-brand)}.lp-guide-card:focus-visible{outline:2px solid var(--lp-brand);outline-offset:2px}.lp-guide-cat{letter-spacing:.02em;color:var(--lp-brand);font-size:.8rem;font-weight:700}.lp-consult{gap:32px;display:grid}@media (min-width:900px){.lp-consult{grid-template-columns:1fr 1.1fr;align-items:start}}.lp-form{gap:16px;display:grid}.lp-field{gap:6px;display:grid}.lp-label{font-size:.9rem;font-weight:700}.lp-input,.lp-select,.lp-textarea{width:100%;font:inherit;color:inherit;border:1px solid var(--lp-line);background:#fff;border-radius:12px;padding:12px 14px;font-size:16px}.lp-input:focus-visible,.lp-select:focus-visible,.lp-textarea:focus-visible{outline:2px solid var(--lp-brand);outline-offset:2px}.lp-textarea{resize:vertical;min-height:110px}.lp-form-error{color:#b42318;margin:0;font-weight:600}.lp-form-done h3{margin:0 0 8px}.lp-form-done p{margin:0 0 16px}.lp-hp{width:1px;height:1px;position:absolute;top:auto;left:-9999px;overflow:hidden}.lp-guide-list-home{margin-top:0}.lp-guide-all{margin-top:24px}@media (min-width:900px){.lp-guide-list-home{grid-template-columns:repeat(3,1fr)}}.lp-guide-card h2,.lp-guide-card h3{letter-spacing:-.01em;margin-top:6px;font-size:1.15rem;font-weight:800;line-height:1.3}.lp-guide-card p{color:var(--lp-muted);margin-top:8px;font-size:.95rem;line-height:1.6}.lp-article-hero,.lp-guide-thumb{background:var(--lp-line);border-radius:12px;width:100%;height:auto;display:block}.lp-article-hero{margin:8px 0 24px}.lp-guide-thumb{margin-bottom:14px}.lp-article-body{overflow-wrap:break-word}.lp-article-body h1{letter-spacing:-.02em;font-size:clamp(1.9rem,5vw,2.6rem);font-weight:800;line-height:1.15}.lp-article-body h2{letter-spacing:-.015em;margin-top:40px;scroll-margin-top:84px;font-size:1.5rem;font-weight:800;line-height:1.25}.lp-article-body h3{margin-top:28px;font-size:1.15rem;font-weight:700;line-height:1.3}.lp-article-body p,.lp-article-body ul,.lp-article-body ol{color:var(--lp-ink);margin-top:12px;line-height:1.7}.lp-article-body ul{padding-left:1.25rem;list-style:outside}.lp-article-body ol{padding-left:1.4rem;list-style:decimal}.lp-article-body li+li{margin-top:6px}.lp-article-body a{color:var(--lp-brand);text-underline-offset:2px;font-weight:600;text-decoration:underline}.lp-article-body hr{border:0;border-top:1px solid var(--lp-line);margin:32px 0}.lp-article-body blockquote{border-left:4px solid var(--lp-brand);color:var(--lp-ink);margin-top:16px;padding:4px 0 4px 16px}.lp-article-body code{background:var(--lp-surface);overflow-wrap:anywhere;border-radius:6px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.88em}.lp-article-body pre{background:var(--lp-surface);border:1px solid var(--lp-line);border-radius:12px;margin-top:16px;padding:16px;font-size:.85rem;line-height:1.55;overflow-x:auto}.lp-article-body pre code{font-size:inherit;overflow-wrap:normal;background:0 0;padding:0}.lp-article-table{border:1px solid var(--lp-line);border-radius:12px;margin-top:16px;overflow-x:auto}.lp-article-table table{border-collapse:collapse;width:100%;min-width:520px;font-size:.92rem}.lp-article-table th,.lp-article-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--lp-line);padding:10px 12px}.lp-article-table th{background:var(--lp-surface);font-weight:700}.lp-article-table tr:last-child td{border-bottom:0}
