.landing-page{--landing-space-1:4px;--landing-space-2:8px;--landing-space-3:12px;--landing-space-4:16px;--landing-space-6:24px;--landing-space-8:32px;--landing-space-12:48px;--landing-space-16:64px;--landing-space-24:96px;--landing-radius-sm:12px;--landing-radius-md:20px;--landing-radius-lg:32px;background:var(--background);color:var(--brand-primary);font-family:var(--font-geist-sans), Arial, Helvetica, sans-serif;isolation:isolate;font-size:16px;line-height:1.6}.landing-page *{box-sizing:border-box}.landing-page :is(h1,h2,h3,p,figure,dl,dd,ol){margin:0}.landing-page a{text-decoration:none}.landing-page button{cursor:pointer;font:inherit}.landing-page :is(a,button){transition:color .16s,background-color .16s,box-shadow .16s,transform .16s}.landing-page :is(a,button):focus-visible{outline:3px solid var(--brand-primary);outline-offset:4px}.landing-page h2{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(1.8rem,3.3vw,2.5rem);font-weight:700;line-height:1.18}.landing-page h3{letter-spacing:-.025em;font-size:1.15rem;font-weight:650;line-height:1.4}.landing-page :is(#cara-kerja,#bisa-beli,#landing-content){scroll-margin-top:var(--landing-space-8)}.landing-container{width:min(100% - 40px,1152px);margin-inline:auto}.landing-skip{z-index:60;background:var(--brand-primary);color:var(--surface);border-radius:var(--landing-radius-sm);padding:12px 16px;position:absolute;top:8px;left:20px;transform:translateY(-160%)}.landing-skip:focus{transform:translateY(0)}.landing-header{flex-direction:column;display:flex}.landing-nav{justify-content:space-between;align-items:center;gap:var(--landing-space-6);padding-block:var(--landing-space-6);order:1;display:flex}.landing-beta{order:2}.landing-beta>aside{background:var(--surface-apricot);border-color:var(--border);color:var(--brand-primary);padding:8px 20px;font-family:inherit;font-size:.75rem;font-weight:400}.landing-beta a{text-underline-offset:3px;align-items:center;min-height:28px;font-weight:600;text-decoration:underline;display:inline-flex}.landing-brand{align-items:center;gap:var(--landing-space-3);letter-spacing:-.055em;flex-shrink:0;font-size:1.3rem;font-weight:750;display:inline-flex}.landing-brand-mark{background:var(--brand-accent);width:36px;height:40px;color:var(--brand-primary);box-shadow:var(--shadow-mark);border-radius:10px 10px 17px 17px;place-items:center;font-size:1.25rem;font-weight:800;display:grid}.landing-nav-links{align-items:center;gap:var(--landing-space-8);display:none}.landing-nav-links a{color:var(--text-secondary);padding-block:12px;font-size:.875rem;font-weight:500}.landing-nav-links a:hover{color:var(--brand-primary)}.landing-button{justify-content:center;align-items:center;gap:var(--landing-space-6);border-radius:var(--landing-radius-sm);background:var(--brand-primary);min-height:52px;color:var(--surface);box-shadow:var(--shadow-soft);border:1px solid #0000;padding:14px 24px;font-size:.9rem;font-weight:600;display:inline-flex}.landing-page .landing-button{font-size:.9rem;font-weight:600}.landing-button:hover{background:var(--brand-primary-hover);box-shadow:var(--shadow-card);transform:translateY(-2px)}.landing-button:active{box-shadow:none;transform:translateY(1px)}.landing-page .landing-button-small{gap:16px;min-height:44px;padding:10px 16px;font-size:.8rem}.landing-arrow{font-size:1.25em;line-height:1;transition:transform .16s;display:inline-block}.landing-page :is(a,button):hover>.landing-arrow{transform:translate(3px)}.landing-text-link{align-items:center;gap:12px;min-height:48px;font-size:.875rem;font-weight:600;display:inline-flex}.landing-text-link:hover{color:var(--brand-primary-hover);text-underline-offset:5px;text-decoration:underline}.landing-hero{gap:var(--landing-space-12);padding-block:var(--landing-space-12) var(--landing-space-16);display:grid}.landing-hero-copy{z-index:1;position:relative}.landing-badge{color:var(--brand-primary);align-items:center;gap:8px;font-size:.75rem;font-weight:500;display:inline-flex}.landing-badge>span{background:var(--brand-primary);width:7px;height:7px;box-shadow:0 0 0 4px var(--surface-teal);border-radius:50%;margin:4px}.landing-page h1{max-width:620px;margin-top:var(--landing-space-6);letter-spacing:-.065em;text-wrap:balance;font-size:clamp(2.75rem,6.25vw,4.6rem);font-weight:800;line-height:1.06}.landing-page h1>span{z-index:0;display:inline;position:relative}.landing-page h1>span:after{content:"";z-index:-1;background:var(--brand-accent);border-radius:1px 1px 65% 15%;width:100%;height:.14em;position:absolute;bottom:.035em;left:0}.landing-page .landing-lead{max-width:480px;margin-top:var(--landing-space-6);color:var(--text-secondary);font-size:1rem;line-height:1.8}.landing-actions{align-items:center;column-gap:var(--landing-space-6);margin-top:var(--landing-space-8);flex-wrap:wrap;row-gap:8px;display:flex}.landing-page .landing-reassurance{margin-top:var(--landing-space-4);max-width:430px;color:var(--text-secondary);font-size:.75rem;line-height:1.8}.landing-reassurance>span{margin-inline:4px}.landing-product-stage{justify-self:center;width:100%;max-width:460px;padding:12px 0 0;position:relative}.landing-product-stage:before{content:"";z-index:-1;border:1px solid var(--border-teal);background:var(--surface-teal);border-radius:32px 32px 100px 100px;position:absolute;inset:0 8px 40px;transform:rotate(-4deg)}.landing-product-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-product);border-radius:24px;padding:20px;position:relative}.landing-preview-top{border-bottom:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;padding-bottom:20px;font-size:.75rem;display:flex}.landing-preview-top>span:first-child{color:var(--brand-primary);align-items:center;gap:8px;font-size:.75rem;font-weight:600;display:flex}.landing-mini-mark{background:var(--brand-accent);width:22px;height:24px;color:var(--brand-primary);border-radius:5px 5px 10px 10px;place-items:center;font-weight:800;display:grid}.landing-balance{justify-content:space-between;align-items:center;gap:8px;padding-block:20px;display:flex}.landing-balance p{color:var(--text-secondary);font-size:.75rem}.landing-balance strong{letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:1.8rem;font-weight:700;line-height:1.25;display:block}.landing-status{border:1px solid var(--border-teal);color:var(--success);background:var(--success-bg);white-space:nowrap;border-radius:100px;align-items:center;gap:5px;padding:5px 10px;font-size:.75rem;font-weight:650;display:inline-flex}.landing-safe-budget{border-radius:var(--landing-radius-md);background:var(--surface-teal);padding:20px}.landing-safe-budget>p:first-child{color:var(--brand-primary);font-size:.8rem;font-weight:500}.landing-page .landing-daily-amount{letter-spacing:-.05em;white-space:nowrap;margin-top:8px;font-size:clamp(1.85rem,7vw,2.6rem);font-weight:750;line-height:1.3}.landing-daily-amount>span{color:var(--brand-primary);letter-spacing:0;font-size:.8rem;font-weight:400}.landing-budget-ticks{gap:4px;margin-block:16px 12px;display:flex}.landing-budget-ticks>span{background:var(--brand-primary);opacity:.7;border-radius:8px;flex:1;height:5px}.landing-budget-ticks>span:nth-last-child(-n+3){opacity:.25}.landing-page .landing-small{font-size:.75rem;font-weight:400;line-height:1.65}.landing-safe-budget .landing-small{color:var(--brand-primary)}.landing-preview-details{grid-template-columns:1fr 1fr;gap:12px;padding-block:20px 12px;display:grid}.landing-preview-details>div+div{border-left:1px solid var(--border);padding-left:16px}.landing-preview-details dt{color:var(--text-secondary);font-size:.75rem}.landing-preview-details dd{letter-spacing:-.025em;margin-top:4px;font-size:1rem;font-weight:650}.landing-page .landing-reserved{color:var(--text-secondary);margin-bottom:16px;font-size:.75rem}.landing-purchase-button{text-align:left;width:100%;color:var(--brand-primary);background:var(--brand-accent);border-radius:var(--landing-radius-sm);border:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.landing-purchase-button>span:first-child{gap:2px;font-size:.95rem;font-weight:650;display:grid}.landing-purchase-button:hover{background:var(--brand-accent-hover);box-shadow:var(--shadow-soft);transform:translateY(-2px)}.landing-purchase-button:active{transform:translateY(1px)}.landing-floating-note{display:none}.landing-product-stage figcaption{text-align:center;color:var(--text-secondary);margin-top:20px;font-size:.75rem}.landing-benefits{background:var(--surface);border-block:1px solid var(--border);padding-block:var(--landing-space-16)}.landing-section-heading{flex-direction:column;gap:24px;margin-bottom:32px;display:flex}.landing-section-heading>p{max-width:310px;color:var(--text-secondary);font-size:.9rem}.landing-page .landing-eyebrow{color:var(--brand-primary);text-transform:uppercase;letter-spacing:.14em;margin-bottom:16px;font-size:.75rem;font-weight:600}.landing-benefit-grid{gap:24px;display:grid}.landing-benefit{border-top:1px solid var(--border);padding:24px 8px;position:relative}.landing-benefit-featured{background:var(--brand-primary);color:var(--surface);border-radius:var(--landing-radius-md) var(--landing-radius-md) 48px var(--landing-radius-md);border:0;padding:24px}.landing-benefit-label{color:var(--text-secondary);align-items:center;gap:12px;font-size:.75rem;display:flex}.landing-benefit-label>span{font-weight:500}.landing-page .landing-benefit-number{letter-spacing:-.055em;white-space:nowrap;margin-block:24px 16px;font-size:clamp(1.85rem,3.5vw,2.5rem);font-weight:650;line-height:1.25}.landing-benefit-number>span{letter-spacing:-.02em;font-size:.9rem;font-weight:400}.landing-benefit h3+p{max-width:290px;color:var(--text-secondary);margin-top:8px;font-size:.85rem;line-height:1.8}.landing-benefit-featured :is(.landing-benefit-label,h3+p){color:var(--text-inverse-muted)}.landing-benefit-featured .landing-budget-ticks{max-width:240px;margin-top:24px}.landing-benefit-featured .landing-budget-ticks>span{background:var(--brand-accent);opacity:1}.landing-benefit-featured .landing-budget-ticks>span:nth-last-child(-n+3){opacity:.25}.landing-benefit-purchase .landing-benefit-number{text-decoration:underline;-webkit-text-decoration-color:var(--brand-accent);text-decoration-color:var(--brand-accent);text-underline-offset:7px;text-decoration-thickness:5px}.landing-benefit .landing-text-link{margin-top:12px;font-size:.8rem}.landing-page .landing-benefit-note{color:var(--brand-primary);margin-top:24px;font-size:.75rem}.landing-page .landing-example-note{color:var(--text-secondary);margin-top:24px;font-size:.75rem}.landing-showcase{padding-block:var(--landing-space-16);background:var(--surface-muted);position:relative}.landing-showcase-grid{align-items:center;gap:32px;display:grid}.landing-showcase .landing-eyebrow{color:var(--brand-primary)}.landing-page .landing-section-copy{max-width:360px;color:var(--text-secondary);margin-block:24px 16px;font-size:.95rem;line-height:1.8}.landing-purchase-example{background:var(--surface);border:1px solid var(--border);border-radius:var(--landing-radius-md);min-width:0;box-shadow:var(--shadow-card);padding:20px}.landing-purchase-example figcaption{flex-wrap:wrap;align-items:center;gap:8px;font-size:.75rem;font-weight:500;display:flex}.landing-purchase-example figcaption>span:last-child{color:var(--text-secondary);margin-left:auto;font-size:.75rem;font-weight:400}.landing-demo-dot{background:var(--brand-accent);border-radius:50%;width:7px;height:7px}.landing-page .landing-item{border:1px solid var(--border);border-radius:var(--landing-radius-sm);background:var(--surface-apricot);justify-content:space-between;gap:16px;margin-block:20px 24px;padding:16px;display:flex}.landing-item dt{color:var(--text-secondary);font-size:.75rem}.landing-item dd{margin-top:4px;font-size:.95rem;font-weight:600}.landing-item>div:last-child{text-align:right}.landing-comparison{grid-template-columns:1fr 24px 1fr;align-items:center;gap:8px;display:grid}.landing-comparison>div{min-width:0}.landing-comparison p{color:var(--text-secondary);margin-bottom:8px;font-size:.75rem}.landing-comparison strong{letter-spacing:-.05em;font-size:clamp(1.35rem,4.8vw,2rem);font-weight:700;line-height:1.25;display:block}.landing-comparison div>span{color:var(--text-secondary);font-size:.75rem}.landing-comparison-arrow{color:var(--text-secondary);text-align:center;font-size:1.3rem}.landing-comparison-bar{background:var(--border-teal);border-radius:8px;height:5px;margin-top:12px}.landing-comparison-bar:after{content:"";border-radius:inherit;background:var(--brand-primary);height:100%;display:block}.landing-after-purchase{color:var(--warning)}.landing-after-purchase .landing-comparison-bar{background:var(--warning-bg)}.landing-after-purchase .landing-comparison-bar:after{background:var(--warning);width:33.333%}.landing-caution{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}.landing-pill{background:var(--warning-bg);color:var(--warning);border-radius:100px;align-items:center;gap:6px;padding:5px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.landing-caution p{color:var(--text-secondary);margin-top:12px;font-size:.8rem;line-height:1.8}.landing-page .landing-demo-footnote{color:var(--text-secondary);margin-top:16px;font-size:.75rem}.landing-journey{padding-block:var(--landing-space-16)}.landing-steps{padding:0;list-style:none;display:grid}.landing-steps li{grid-template-columns:40px 1fr;gap:20px;padding-bottom:32px;display:grid;position:relative}.landing-steps li:last-child{padding-bottom:0}.landing-steps li:not(:last-child):after{content:"";background:var(--border-teal);width:1px;position:absolute;top:40px;bottom:0;left:19px}.landing-step-number{z-index:1;border:1px solid var(--border);background:var(--background);width:40px;height:40px;color:var(--brand-primary);border-radius:50%;place-items:center;font-size:.75rem;font-weight:600;display:grid;position:relative}.landing-steps li:first-child .landing-step-number{background:var(--brand-primary);color:var(--surface);border-color:var(--brand-primary)}.landing-steps li:last-child .landing-step-number{background:var(--brand-accent);border-color:var(--brand-accent);color:var(--brand-primary)}.landing-steps h3{margin-top:8px;font-size:.95rem}.landing-steps p{color:var(--text-secondary);max-width:430px;margin-top:12px;font-size:.85rem;line-height:1.8}.landing-pricing{padding-bottom:var(--landing-space-16)}.landing-pricing-surface{background:var(--surface);border-radius:var(--landing-radius-md) var(--landing-radius-md) 64px var(--landing-radius-md);gap:32px;padding:32px 24px;display:grid}.landing-pricing-surface>div:first-child>p:last-child{max-width:340px;color:var(--text-secondary);margin-top:20px;font-size:.9rem;line-height:1.8}.landing-plus{border-top:1px solid var(--brand-accent);padding-top:24px}.landing-plus .landing-pill{background:var(--brand-accent);color:var(--brand-primary)}.landing-plus h3{margin-top:16px}.landing-page .landing-plus-price{letter-spacing:-.04em;margin-top:8px;font-size:1.8rem;font-weight:650}.landing-plus-price>span{color:var(--text-secondary);letter-spacing:0;font-size:.85rem;font-weight:400}.landing-plus-price+p{color:var(--text-secondary);margin-top:8px;font-size:.8rem}.landing-plus .landing-button{margin-top:24px}.landing-footer{border-top:1px solid var(--border);padding-block:40px 24px}.landing-footer-grid{grid-template-columns:1fr 1fr;gap:32px 24px;display:grid}.landing-footer-grid>div{grid-column:1/-1}.landing-footer-grid>div>p{color:var(--text-secondary);margin-top:16px;font-size:.8rem}.landing-footer nav h2{letter-spacing:0;margin-bottom:8px;font-size:.8rem;font-weight:650}.landing-footer nav a{min-height:40px;color:var(--text-secondary);align-items:center;font-size:.8rem;display:flex}.landing-footer nav a:hover{color:var(--brand-primary);text-underline-offset:4px;text-decoration:underline}.landing-footer-bottom{border-top:1px solid var(--border);color:var(--text-secondary);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:32px;padding-top:24px;font-size:.75rem;display:flex}@media (min-width:640px){.landing-container{width:min(100% - 64px,1152px)}.landing-hero{padding-block:64px}.landing-page .landing-lead{font-size:1.05rem}.landing-product-card{border-radius:var(--landing-radius-lg);padding:24px}.landing-purchase-example{padding:32px}.landing-page .landing-reassurance{font-size:.75rem}}@media (min-width:768px){.landing-beta{order:0}.landing-nav-links{display:flex}.landing-section-heading{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:48px}.landing-benefit-grid{grid-template-columns:1.15fr 1fr 1fr;gap:24px}.landing-benefit{padding:24px 8px}.landing-benefit-featured{padding:24px}.landing-benefit-number>span{margin-top:4px;display:block}.landing-benefit-purchase .landing-benefit-number>span{display:inline}.landing-pricing-surface{grid-template-columns:1.2fr 1fr;gap:48px;padding:48px}.landing-plus{border-top:0;border-left:1px solid var(--brand-accent);padding-top:0;padding-left:48px}.landing-footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}.landing-footer-grid>div{grid-column:auto}}@media (min-width:1024px){.landing-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding-block:64px 96px}.landing-product-stage{padding:12px 0 0 16px}.landing-product-stage:before{inset:-8px -12px 48px 32px}.landing-floating-note{background:var(--surface);border:1px solid var(--border);border-radius:var(--landing-radius-sm);box-shadow:var(--shadow-card);align-items:center;gap:12px;padding:12px 16px;font-size:.75rem;font-weight:600;display:flex;position:absolute;top:calc(100% - 16px);left:-16px}.landing-floating-note>span{background:var(--surface-teal);width:28px;height:28px;color:var(--brand-primary);border-radius:50%;place-items:center;display:grid}.landing-floating-note small{color:var(--text-secondary);font-size:.75rem;font-weight:400;display:block}.landing-product-stage figcaption{text-align:right}.landing-benefits,.landing-showcase,.landing-journey{padding-block:96px}.landing-showcase-grid{grid-template-columns:.9fr 1.1fr;gap:96px}.landing-steps{grid-template-columns:repeat(4,1fr)}.landing-steps li{padding:0 32px 0 0;display:block}.landing-steps li:last-child{padding-right:0}.landing-steps li:not(:last-child):after{width:auto;height:1px;inset:20px 0 auto 40px}.landing-steps h3{margin-top:24px}.landing-pricing{padding-bottom:96px}}@media (min-width:1200px){.landing-benefit-grid{gap:48px}.landing-benefit-featured{padding:32px}.landing-benefit:not(.landing-benefit-featured){padding-top:32px}.landing-benefit-number>span{display:inline}}@media (prefers-reduced-motion:reduce){html:has(.landing-page){scroll-behavior:auto}.landing-page *,.landing-page :before,.landing-page :after{transition:none!important;animation:none!important}.landing-page :is(a,button):hover,.landing-page :is(a,button):active,.landing-page :is(a,button):hover>.landing-arrow{transform:none}}
