:root{--ink:#102b27;--muted:#5d746f;--green:#0bae7d;--dark:#073e35;--mint:#dff9ef;--lime:#a8f35d;--paper:#f7fbf8;--line:#d8e8e1;--white:#fff;--coral:#ff705d;--shadow:0 24px 70px rgba(6,61,50,.13)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 40px));margin:auto}.progress{position:fixed;z-index:1000;left:0;top:0;height:3px;width:0;background:linear-gradient(90deg,var(--green),var(--lime))}.site-header{position:sticky;top:0;z-index:100;background:rgba(247,251,248,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(216,232,225,.75)}.nav-wrap{height:78px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:11px;margin-right:auto}.brand-mark{position:relative;width:42px;height:32px;display:block}.brand-mark i,.brand-mark b{position:absolute;width:28px;height:11px;border-radius:20px;transform:rotate(-42deg);background:linear-gradient(90deg,#4f65ef,#0fc99a)}.brand-mark i{left:0;top:13px}.brand-mark b{right:0;top:6px;background:linear-gradient(90deg,#0fc99a,#9bf45a)}.brand strong{display:block;font-size:15px;letter-spacing:.02em}.brand em{font-style:normal;color:var(--green)}.brand small{display:block;color:var(--muted);font-size:10px}.site-header nav{display:flex;gap:26px;font-size:13px;font-weight:700}.site-header nav a:hover{color:var(--green)}.nav-tools{display:flex;align-items:center;gap:16px}.lang-switch{display:flex;gap:5px;align-items:center;color:#9aaca8}.lang-switch button{border:0;background:none;padding:4px;color:#8ba09a;font-weight:800;cursor:pointer}.lang-switch button.active{color:var(--green)}.store-mini{padding:10px 16px;border-radius:12px;background:var(--dark);color:#fff;font-size:12px;font-weight:800}.menu-toggle{display:none;border:0;background:none;padding:8px}.menu-toggle span{display:block;width:22px;height:2px;margin:5px;background:var(--dark)}.hero{position:relative;overflow:hidden;padding:86px 0 82px;background:linear-gradient(155deg,#f7fffb 0%,#effaf5 54%,#e4f8ee 100%)}.hero::after{content:"";position:absolute;inset:0;opacity:.35;background-image:radial-gradient(circle at 1px 1px,rgba(7,62,53,.12) 1px,transparent 0);background-size:28px 28px;mask-image:linear-gradient(to right,transparent,#000)}.hero-glow{position:absolute;border-radius:50%;filter:blur(3px)}.glow-one{width:430px;height:430px;background:rgba(61,234,159,.18);right:5%;top:4%}.glow-two{width:300px;height:300px;background:rgba(92,108,245,.1);left:-8%;bottom:-20%}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px}.eyebrow{display:inline-block;color:var(--green);font-size:12px;letter-spacing:.14em;font-weight:800}.app-brand{display:flex;align-items:center;gap:14px;margin:20px 0}.app-brand img{width:58px;height:58px;border-radius:16px;box-shadow:0 14px 30px rgba(3,134,105,.22)}.app-brand span{display:block;font-size:22px;font-weight:800}.app-brand small{display:block;color:var(--muted)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(40px,5vw,68px);line-height:1.04;letter-spacing:-.045em;margin:0 0 24px}.hero h1 span{color:var(--green)}.hero-copy>p{font-size:17px;color:var(--muted);max-width:620px}.hero-actions,.trust{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.hero-actions{margin:30px 0 24px}.primary-button{display:flex;align-items:center;gap:12px;background:var(--dark);color:#fff;padding:12px 22px;border-radius:16px;box-shadow:0 14px 26px rgba(7,62,53,.18)}.primary-button>span{font-size:22px}.primary-button small,.primary-button b{display:block;line-height:1.2}.primary-button small{font-size:10px;opacity:.72}.primary-button b{font-size:15px}.text-button,.outline-button{font-weight:800;color:var(--dark)}.trust{gap:14px;font-size:11px;color:var(--muted)}.trust span{padding:8px 10px;background:rgba(255,255,255,.68);border:1px solid rgba(216,232,225,.8);border-radius:999px}.trust b{font-weight:700}.hero-stage{min-height:610px;position:relative}.phone-shell{position:absolute;right:13%;top:0;width:310px;height:620px;padding:10px;border-radius:45px;background:#061c18;box-shadow:0 45px 80px rgba(7,62,53,.28);transform:rotate(2deg)}.phone-shell::before{content:"";position:absolute;z-index:3;top:16px;left:50%;width:90px;height:24px;border-radius:20px;background:#07120f;transform:translateX(-50%)}.phone-screen{height:100%;overflow:hidden;padding:23px 16px;background:linear-gradient(#0ca67b 0 31%,#f7fbf8 31%);border-radius:36px;color:#fff}.mini-status{display:flex;justify-content:space-between;font-size:9px;font-weight:800;margin:0 8px 23px}.mini-profile{display:flex;align-items:center;gap:10px}.mini-profile img{width:35px;height:35px;border-radius:50%}.mini-profile div{flex:1}.mini-profile b,.mini-profile small{display:block;font-size:10px}.mini-profile small{opacity:.72}.balance-card{margin:22px 0 18px;padding:19px;border-radius:23px;background:linear-gradient(135deg,#096c59,#063f35);box-shadow:0 18px 35px rgba(5,51,44,.3);position:relative;overflow:hidden}.balance-card::after,.asset-card::after{content:"";position:absolute;width:150px;height:150px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-40px;top:-70px;box-shadow:0 0 0 18px rgba(255,255,255,.04),0 0 0 36px rgba(255,255,255,.03)}.balance-card small{font-size:9px;opacity:.8}.balance-card strong{display:block;font-size:25px;margin:4px 0 17px}.balance-card div{display:flex;justify-content:space-between;font-size:8px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;color:var(--ink);margin-top:27px}.quick-grid span{display:grid;place-items:center;gap:4px;text-align:center}.quick-grid i{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:var(--mint);color:var(--green);font-style:normal}.quick-grid b{font-size:8px}.mini-title{color:var(--ink);display:flex;justify-content:space-between;margin:20px 3px 10px;font-size:12px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;color:var(--ink)}.stat-grid span{padding:12px;border-radius:15px;background:#fff;box-shadow:0 8px 18px rgba(7,62,53,.07)}.stat-grid small,.stat-grid b{display:block;font-size:8px}.stat-grid b{font-size:11px;margin-top:5px}.category{margin-top:12px;padding:15px;color:var(--ink);border-radius:16px;background:#fff}.category b{display:block;font-size:9px;margin-bottom:10px}.category i{display:block;height:5px;margin:7px 0;border-radius:10px;background:linear-gradient(90deg,var(--green) 72%,#e4eee9 72%)}.category i:nth-of-type(2){background:linear-gradient(90deg,#36c6d5 48%,#e4eee9 48%)}.category i:nth-of-type(3){background:linear-gradient(90deg,#6d7af4 30%,#e4eee9 30%)}.float-pill{position:absolute;z-index:4;display:flex;align-items:center;gap:11px;padding:13px 16px;border:1px solid rgba(255,255,255,.8);border-radius:16px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.float-pill>span{display:grid;place-items:center;width:37px;height:37px;border-radius:12px;background:var(--mint);color:var(--green);font-weight:800}.float-pill b,.float-pill small{display:block;font-size:10px}.float-pill small{color:var(--muted)}.float-pill.receipt{left:-2%;top:18%}.float-pill.asset{right:-2%;bottom:16%}.signal-strip{background:var(--dark);color:#c6e9df;padding:18px 0;font-size:12px;font-weight:700}.signal-strip .container{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}.signal-strip i{color:var(--lime)}.section{padding:110px 0}.section-heading{max-width:700px;margin:0 auto 55px;text-align:center}.section-heading>span{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--green)}.section-heading h2,.family-copy h2{font-size:clamp(34px,4vw,50px);line-height:1.12;letter-spacing:-.035em;margin:12px 0 16px}.section-heading p,.family-copy p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.feature-card{position:relative;overflow:hidden;min-height:315px;padding:34px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 15px 45px rgba(7,62,53,.06)}.feature-card h3{font-size:22px;margin:18px 0 10px}.feature-card p{color:var(--muted);font-size:14px}.feature-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:15px;background:var(--mint);color:var(--green);font-size:21px;font-weight:800}.feature-wide{grid-column:1/-1;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:45px;background:linear-gradient(135deg,#fff,#eafbf4)}.calendar-demo{padding:24px;border-radius:22px;background:var(--dark);color:#fff;box-shadow:0 24px 45px rgba(7,62,53,.2)}.calendar-demo header{display:flex;justify-content:space-between;margin-bottom:14px}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;text-align:center}.week b{font-size:9px;color:#9ec5ba}.days span,.days i{min-height:41px;display:grid;place-items:center;border-radius:10px;font-style:normal;font-size:10px}.days .today{border:1px solid var(--green)}.days .money{background:rgba(255,255,255,.12)}.days small{font-size:6px;color:#4de0aa}.meter{height:70px;margin-top:45px;border-radius:20px;background:repeating-linear-gradient(90deg,#e8f2ee 0 2px,transparent 2px 40px);position:relative}.meter::before{content:"Rp 89,4 jt";position:absolute;left:42%;top:-26px;font-size:11px;font-weight:800;color:var(--green)}.meter span{position:absolute;left:0;bottom:0;width:72%;height:15px;border-radius:10px;background:linear-gradient(90deg,var(--green),var(--lime))}.receipt-demo{width:78%;margin:32px auto 0;padding:22px;background:#f7f1e8;border:1px dashed #c7ad86;box-shadow:0 18px 25px rgba(85,64,34,.1);transform:rotate(-2deg)}.receipt-demo span,.receipt-demo b,.receipt-demo small{display:block}.receipt-demo span,.receipt-demo small{font-size:9px;color:#806f58}.receipt-demo b{font-size:22px;margin:9px 0}.donut{width:130px;height:130px;margin:30px auto 0;border-radius:50%;background:conic-gradient(var(--coral) 0 32%,#f9bc3d 32% 50%,var(--green) 50% 75%,#46b9d8 75%);position:relative}.donut::after{content:"Rp 10,2 jt";position:absolute;inset:26px;display:grid;place-items:center;border-radius:50%;background:#fff;font-size:11px;font-weight:800}.asset-card{position:relative;overflow:hidden;margin-top:34px;padding:24px;border-radius:22px;color:#fff;background:linear-gradient(135deg,#0a7b64,#063e35)}.asset-card small,.asset-card b{display:block}.asset-card b{font-size:24px;margin-top:10px}.asset-card>span{position:absolute;right:22px;bottom:22px}.family-section{background:var(--dark);color:#fff}.family-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.family-visual{padding:14px;border:1px solid rgba(255,255,255,.14);border-radius:32px;background:rgba(255,255,255,.06);transform:rotate(-2deg)}.family-visual img{display:block;width:100%;border-radius:22px}.family-copy p{color:#b9d6ce}.family-copy ul{padding:0;list-style:none;margin:25px 0}.family-copy li{margin:13px 0;padding-left:26px;position:relative;color:#dbece7}.family-copy li::before{content:"✓";position:absolute;left:0;color:var(--lime);font-weight:800}.outline-button{display:inline-flex;padding:12px 18px;border:1px solid rgba(255,255,255,.3);border-radius:13px;color:#fff}.plan-section{background:#eff8f3}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:880px;margin:auto}.plan-card{padding:38px;border-radius:28px;background:#fff;border:1px solid var(--line)}.plan-card h3{font-size:25px}.plan-name{display:inline-block;margin-bottom:18px;padding:7px 12px;border-radius:999px;background:var(--mint);color:var(--green);font-size:11px;font-weight:800}.plan-card ul{padding:0;list-style:none}.plan-card li{padding:9px 0 9px 26px;position:relative}.plan-card li::before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}.pro-card{background:linear-gradient(145deg,#0b745f,#063d34);color:#fff;box-shadow:var(--shadow)}.pro-card .plan-name{background:var(--lime);color:var(--dark)}.pro-card li::before{color:var(--lime)}.pro-card a{display:inline-block;margin-top:15px;padding:12px 18px;border-radius:13px;background:#fff;color:var(--dark);font-weight:800}.final-cta{padding:55px 0;background:linear-gradient(105deg,#12b989,#8ae957)}.final-cta .container{display:flex;align-items:center;gap:22px}.final-cta img{width:72px;height:72px;border-radius:20px}.final-cta div>span{font-size:10px;font-weight:800;letter-spacing:.14em}.final-cta h2{margin:4px 0;font-size:clamp(25px,3vw,38px)}.final-cta .primary-button{margin-left:auto}.primary-button.light{background:#fff;color:var(--dark)}footer{padding:32px 0;background:#052e27;color:#c5ddd6}.footer-grid{display:flex;align-items:center;gap:30px}.footer-grid p{margin:0 auto;font-size:11px}.footer-grid>div{display:flex;gap:18px;font-size:11px}.footer-brand strong{color:#fff}.footer-brand small{color:#97b9af}.reveal{opacity:0;transform:translateY(20px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.12s}@media(max-width:900px){.site-header nav,.store-mini{display:none}.menu-toggle{display:block}.site-header nav.open{display:flex;position:absolute;left:20px;right:20px;top:68px;flex-direction:column;padding:20px;border-radius:18px;background:#fff;box-shadow:var(--shadow)}.hero-grid,.family-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.trust{justify-content:center}.hero-stage{width:min(510px,100%);margin:auto}.feature-wide{grid-template-columns:1fr}.phone-shell{right:18%}}@media(max-width:650px){.container{width:min(100% - 28px,1160px)}.nav-wrap{height:68px}.brand small{display:none}.nav-tools{gap:4px}.hero{padding-top:55px}.hero h1{font-size:39px}.hero-stage{min-height:545px;margin-top:20px}.phone-shell{width:270px;height:540px;right:calc(50% - 135px)}.float-pill{display:none}.feature-grid,.plan-grid{grid-template-columns:1fr}.feature-wide{grid-column:auto}.feature-card{padding:25px}.section{padding:78px 0}.section-heading{margin-bottom:38px}.family-grid{gap:38px}.final-cta .container{flex-wrap:wrap}.final-cta .primary-button{margin:10px 0 0}.footer-grid{flex-direction:column;text-align:center}.footer-grid p{margin:0}.footer-grid>div{flex-wrap:wrap;justify-content:center}.signal-strip .container{gap:12px 18px}.signal-strip i{display:none}}