:root{--ink:#654737;--muted:#5c7065;--cream:#e7eff5;--sage:#9bb5a1;--sage-pale:#fff8ef;--sage-dark:#654737;--peach:#f1c4ae;--peach-pale:#fff0e7;--terracotta:#a5533a;--font:'Trebuchet MS','Arial Rounded MT Bold',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 var(--font)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--terracotta);outline-offset:5px}.wrap{max-width:1140px;margin:auto;padding-left:36px;padding-right:36px}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:23px;padding-bottom:23px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:900;font-size:27px;letter-spacing:-1.1px;white-space:nowrap}.brand svg{width:59px;height:59px;flex-shrink:0}.header nav{display:flex;align-items:center;gap:34px;font-size:15px}.header nav a:hover,.footer button:hover{text-decoration:underline;text-underline-offset:5px}.login{border:0;border-radius:50px;background:#e4eee4;padding:12px 30px;font-weight:700}.login:hover{background:#d6e5d6}.menu-toggle{display:none}.hero{text-align:center;position:relative;padding-top:21px}.badge{display:inline-block;background:#f8d9c5;border-radius:50px;padding:8px 22px;font-weight:700;font-size:16px;position:relative}.badge:before,.badge:after{content:'〰';position:absolute;top:7px;color:#ca8668;font-size:24px}.badge:before{left:-36px;transform:rotate(-30deg)}.badge:after{right:-36px;transform:rotate(30deg)}h1{font-size:clamp(52px,7.3vw,85px);font-weight:900;line-height:1.02;letter-spacing:-3.5px;margin:24px 0 20px}.hero-description{font-size:21px;margin:0 0 40px}.arrow{position:absolute;width:85px;height:90px;right:90px;top:224px;pointer-events:none}.choices{display:grid;grid-template-columns:1fr 1fr;gap:25px;text-align:left}.choice{border-radius:27px;padding:32px 29px 29px;display:flex;flex-direction:column;min-width:0}.quantitative{background:var(--sage-pale)}.qualitative{background:var(--peach-pale)}.eyebrow{font-size:14px;letter-spacing:.8px;margin:0 0 8px}.choice h2{font-weight:900;font-size:clamp(32px,4.3vw,49px);line-height:1.2;letter-spacing:-1.7px;margin:0 0 5px}.choice-description{font-size:20px;margin:0;min-height:64px;line-height:1.4}.illustration{display:block;width:100%;height:208px;margin:12px 0 18px}.chips{display:flex;justify-content:space-between;gap:8px;list-style:none;padding:0;margin:0 0 20px;flex-wrap:wrap}.chips li{font-size:14px;border-radius:50px;padding:6px 17px;white-space:nowrap}.quantitative .chips li{background:#d8e5d9}.qualitative .chips li{background:#fbdac6}.button{border:0;border-radius:50px;padding:15px 20px;min-height:55px;color:white;font-size:18px;font-weight:700;background:var(--sage-dark);text-align:center;transition:background .15s,transform .15s}.button span{display:inline-block;margin-left:6px}.choice .button{width:100%;margin-top:auto}.qualitative .button{background:var(--terracotta)}.button:hover{background:#345642;transform:translateY(-2px)}.qualitative .button:hover{background:#8e452f}.journey{display:flex;justify-content:center;align-items:center;gap:25px;font-size:17px;color:var(--muted);margin:27px 0 0}.journey b{font-weight:400}.workflow{padding-top:66px;padding-bottom:33px;text-align:center}.workflow>h2{font-weight:900;font-size:31px;line-height:1.3;letter-spacing:-.8px;margin:0 0 32px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.steps article{position:relative;padding:0 15px}.steps svg{width:103px;height:103px;display:block;margin:0 auto 8px}.steps .result-icon{width:128px;padding-top:15px}.number{position:absolute;left:25px;top:4px;background:#d9e6d8;border-radius:50%;width:33px;height:33px;line-height:33px;font-weight:700}.steps article:nth-child(2) .number{background:#f9d3bb}.steps h3{font-size:22px;font-weight:900;letter-spacing:-.5px;line-height:1.3;margin:0 0 8px}.steps p{font-size:16px;color:var(--muted);margin:0;line-height:1.5}.method-note{font-size:13px;color:var(--muted);margin:25px 0 0}.privacy{padding-top:7px}.privacy-panel{display:flex;align-items:center;gap:30px;border-radius:24px;background:#eaf2e8;padding:19px 28px}.privacy-panel>svg{width:105px;height:105px;flex-shrink:0;padding-right:22px;border-right:1px solid #c4d8c2}.privacy-panel h2{font-size:22px;font-weight:900;letter-spacing:-.5px;line-height:1.35;margin:0 0 6px}.privacy-panel p{font-size:17px;margin:0;color:var(--muted)}.privacy-doodle{font-size:55px;margin-left:auto;transform:rotate(-25deg)}.preview-note{text-align:center;font-size:12px;color:var(--muted);padding-top:18px}.footer{display:flex;align-items:center;gap:28px;padding-top:16px;padding-bottom:25px}.footer .brand{font-size:19px;letter-spacing:-.6px}.footer .brand svg{width:48px;height:48px}.footer nav{display:flex;align-items:center;gap:25px;border-left:1px solid #d5ded1;padding-left:28px}.footer button{border:0;padding:5px 0;background:transparent;font-size:13px}.sprout{width:65px;height:70px;margin-left:auto}.skip-link{position:fixed;top:-100px;left:20px;z-index:10;padding:12px 20px;background:white;border-radius:10px}.skip-link:focus{top:10px}dialog{border:1px solid #d7e1d5;border-radius:25px;background:var(--cream);color:var(--ink);width:min(500px,calc(100% - 32px));padding:35px}dialog::backdrop{background:#213a3280}.dialog-close{position:absolute;right:15px;top:7px;border:0;background:transparent;font-size:32px}.dialog-badge{background:#f8d9c5;border-radius:20px;padding:5px 12px;font-size:13px}dialog h2{font-size:29px;line-height:1.2;letter-spacing:-.7px;margin:23px 0 15px}dialog p{color:var(--muted);font-size:16px}.dialog-dismiss{font-size:16px;padding:11px 26px;margin-top:7px}
@media(min-width:1500px){.hero{padding-top:34px}.header{padding-top:30px}.workflow{padding-top:76px}}@media(max-width:900px){.wrap{padding-left:25px;padding-right:25px}.brand{font-size:23px}.header nav{gap:24px}.choice{padding:25px 22px}.choice-description{font-size:18px;min-height:58px}.chips{justify-content:flex-start}.chips li{font-size:13px;padding:5px 12px}.arrow{right:35px;top:205px;width:65px}.hero-description{font-size:18px}.journey{gap:16px;font-size:15px}.footer{gap:22px}.footer nav{gap:16px;padding-left:20px}.footer .brand{font-size:17px}.privacy-panel h2{font-size:20px}.privacy-panel p{font-size:15px}.steps h3{font-size:20px}.steps p{font-size:14px}.number{left:5px}}@media(max-width:680px){.header{flex-wrap:wrap;padding-top:16px;padding-bottom:16px;gap:12px}.brand{font-size:21px}.brand svg{width:48px;height:48px}.menu-toggle{display:block;background:#e4eee4;border:0;border-radius:20px;padding:8px 13px;font-size:14px}.header nav{display:none;flex-direction:column;width:100%;align-items:stretch;gap:5px;border-top:1px solid #d5ded1;padding-top:12px}.header nav.is-open{display:flex}.header nav a{padding:8px 0}.header nav button{align-self:flex-start}.hero{padding-top:20px}h1{font-size:62px;letter-spacing:-2.7px}.hero-description{font-size:18px;max-width:390px;margin:0 auto 28px}.arrow{display:none}.choices{grid-template-columns:1fr;gap:19px;max-width:460px;margin:auto}.choice{padding:28px 25px;border-radius:24px}.choice h2{font-size:43px}.choice-description{min-height:0;font-size:19px}.illustration{height:190px;margin-top:18px}.chips{justify-content:space-between}.chips li{font-size:14px}.journey{flex-wrap:wrap;gap:7px 12px;font-size:13px;margin-top:21px}.workflow{padding-top:44px}.workflow>h2{font-size:28px;max-width:380px;margin:0 auto 28px}.steps{grid-template-columns:1fr;gap:28px;max-width:380px;margin:auto}.steps p{font-size:16px}.steps h3{font-size:23px}.steps svg{height:91px;width:91px}.number{left:65px}.method-note{font-size:12px}.privacy-panel{padding:23px;gap:16px;align-items:flex-start}.privacy-panel>svg{width:70px;height:80px;border:0;padding:0}.privacy-panel h2{font-size:19px}.privacy-panel p{font-size:14px}.privacy-doodle{display:none}.footer{flex-wrap:wrap;gap:16px}.footer .brand{font-size:20px}.footer nav{order:3;flex-wrap:wrap;width:100%;border:0;padding-left:0;gap:23px}.footer button{font-size:14px}.sprout{height:52px;width:50px}.preview-note{font-size:11px}.badge{font-size:14px}}@media(max-width:380px){.wrap{padding-left:18px;padding-right:18px}h1{font-size:53px}.brand{font-size:19px}.choice h2{font-size:38px}.choice{padding:25px 20px}.chips li{font-size:12px;padding:5px 11px}.button{font-size:16px}.privacy-panel{flex-direction:column}.privacy-panel>svg{height:65px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
.language-switch{display:flex;gap:3px;background:#e8eee4;border:1px solid #d5dfd1;padding:3px;border-radius:30px;margin-left:auto}.language-switch button{background:transparent;border:0;border-radius:20px;padding:6px 11px;font-size:13px;font-weight:700;min-height:32px}.language-switch button[aria-pressed="true"]{background:var(--sage-dark);color:white}.language-switch button:hover{box-shadow:inset 0 0 0 1px #9bb5a1}html[lang="id"] .choice h2{font-size:clamp(32px,4vw,46px)}@media(max-width:680px){.header{gap:9px}.language-switch button{padding:5px 8px}.header .brand{font-size:18px;gap:7px}.header .brand svg{width:40px;height:40px}.menu-toggle{padding:8px 10px}html[lang="id"] h1{font-size:clamp(43px,9vw,62px)}}@media(max-width:380px){.header .brand{font-size:16px}.header .brand svg{width:34px;height:34px}.language-switch button{font-size:12px;padding:4px 7px}.menu-toggle{font-size:12px;padding:7px 8px}}