/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.start{inset-inline-start:var(--spacing)}.block{display:block}.inline{display:inline}.table{display:table}}:root{--ink:#18253f;--muted:#5f697d;--red:#e64242;--red-dark:#c92f34;--blue:#dff4ff;--cream:#fffaf2;--paper:#fff;--line:#e8e5df;--yellow:#ffd05a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);margin:0;font-family:Avenir Next,Avenir,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.shell{width:min(1120px,100% - 36px);margin-inline:auto}.nav{justify-content:space-between;align-items:center;min-height:76px;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-weight:850;display:inline-flex}.brand-mark{background:var(--red);color:#fff;border-radius:13px;place-items:center;width:38px;height:38px;font-size:14px;display:grid;transform:rotate(-4deg);box-shadow:0 6px #f5b9b2}.nav-link{color:var(--muted);font-size:14px;font-weight:700}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:50px;min-height:650px;padding-block:54px 90px;display:grid}.eyebrow,.kicker{color:var(--red-dark);text-transform:uppercase;letter-spacing:.12em;margin:0 0 14px;font-size:12px;font-weight:850}.eyebrow span{font-size:9px}h1,h2,p{margin-top:0}h1{letter-spacing:-.07em;margin-bottom:24px;font-size:clamp(54px,7.2vw,96px);font-weight:850;line-height:.93}h1 em{color:var(--red);font-style:normal}.hero-lede{max-width:640px;color:var(--muted);font-size:18px;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.button{cursor:pointer;border:0;border-radius:15px;justify-content:center;align-items:center;gap:16px;min-height:50px;padding:0 20px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--red);color:#fff;box-shadow:0 9px #f3c5bd}.button-secondary{border:1px solid var(--line);background:#fff;box-shadow:0 8px 22px #1e2d4612}.button-dark{background:var(--ink);color:#fff;white-space:nowrap}.microcopy{color:var(--muted);margin-top:24px;font-size:13px}.microcopy span{color:#1d9f77;font-weight:900}.hero-visual{background:var(--blue);border:1px solid #c7e6f5;border-radius:38px;min-height:470px;position:relative;overflow:hidden;box-shadow:18px 20px #d0e7f0bf}.sun{background:var(--yellow);border-radius:50%;width:72px;height:72px;position:absolute;top:50px;right:56px;box-shadow:0 0 0 14px #ffd05a2e}.cloud{opacity:.8;background:#fff;border-radius:30px;width:90px;height:20px;position:absolute}.cloud:before,.cloud:after{content:"";background:inherit;border-radius:50%;position:absolute;bottom:0}.cloud:before{width:34px;height:34px;left:17px}.cloud:after{width:46px;height:46px;right:12px}.cloud-one{top:90px;left:45px}.cloud-two{top:175px;right:70px;transform:scale(.75)}.staircase{align-items:flex-end;height:300px;display:flex;position:absolute;bottom:85px;left:34px;right:34px}.step{height:calc(var(--step) * 27px);color:#54768b;background:#fff;border:1px solid #b9d9e8;border-right:0;flex:1;justify-content:center;align-items:flex-start;padding-top:8px;font-size:12px;font-weight:850;display:flex}.step:first-child{border-radius:10px 0 0}.step:last-child{color:var(--red);background:#fee6e1;border-right:1px solid #b9d9e8;border-radius:0 10px 0 0}.walker{filter:drop-shadow(0 5px 2px #23415029);font-size:44px;position:absolute;bottom:272px;left:57%}.visual-note{text-align:center;color:#527084;background:#ffffffe0;border-radius:13px;padding:12px 16px;font-size:12px;font-weight:700;position:absolute;inset:auto 28px 22px}.intro{grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px;padding-block:95px;display:grid}.section-heading h2,.official h2,.quiz-teaser h2{letter-spacing:-.05em;margin-bottom:15px;font-size:clamp(32px,4vw,48px);line-height:1.03}.section-heading>p:last-child,.official p,.quiz-teaser p{color:var(--muted);line-height:1.7}.range-card{border:1px solid var(--line);background:#fff;border-radius:28px;padding:28px;box-shadow:0 16px 44px #27324512}.range-item{justify-content:space-between;align-items:baseline;gap:30px;display:flex}.range-item strong{white-space:nowrap;font-size:20px}.range-item span{color:var(--muted);text-align:right;font-size:14px}.range-line{gap:6px;margin-block:24px;display:flex}.range-line i{background:#ffd2ca;border-radius:7px;flex:1;height:14px}.range-line i:nth-child(n+5){background:#f8b4a9}.range-line i:nth-child(n+8){background:var(--red)}.official-wrap{background:#e7f6fd;border-block:1px solid #cfeaf6}.official{grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding-block:55px;display:grid}.official-icon{color:#16956f;background:#fff;border-radius:22px;place-items:center;width:64px;height:64px;font-size:28px;font-weight:900;display:grid;box-shadow:0 8px 20px #377a951f}.official h2{margin-bottom:8px;font-size:34px}.official p{margin-bottom:0}.quiz-teaser{border:1px solid var(--line);background:#fff;border-radius:30px;justify-content:space-between;align-items:center;gap:40px;margin-block:90px;padding:46px;display:flex;box-shadow:0 18px 50px #27324514}@media (max-width:820px){.nav-link{display:none}.hero{grid-template-columns:1fr;gap:45px;padding-top:35px}.hero-visual{min-height:420px}.intro{grid-template-columns:1fr;gap:30px;padding-block:70px}.official{grid-template-columns:auto 1fr}.official .button{grid-column:1/-1}.quiz-teaser{flex-direction:column;align-items:flex-start}}@media (max-width:520px){.shell{width:min(100% - 24px,1120px)}.hero{min-height:auto;padding-bottom:60px}h1{font-size:52px}.hero-lede{font-size:16px}.hero-actions,.hero-actions .button{width:100%}.hero-visual{border-radius:28px;min-height:360px}.staircase{height:250px;bottom:72px;left:14px;right:14px}.step{height:calc(var(--step) * 22px)}.walker{bottom:230px}.range-item{flex-direction:column;gap:5px}.range-item span{text-align:left}.official{grid-template-columns:1fr}.official-icon{width:54px;height:54px}.quiz-teaser{margin-block:60px;padding:28px}.quiz-teaser .button{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}body{overflow-x:hidden}:is(button:focus-visible,a:focus-visible){outline-offset:4px;outline:3px solid #2777d5}.nav-links{color:var(--muted);gap:28px;font-size:14px;font-weight:750;display:flex}.nav-links a:hover{color:var(--red)}.indicators{grid-template-columns:.9fr 1.1fr;align-items:center;gap:70px;padding:30px 0 110px;display:grid}.indicators-copy h2,.quiz-intro h2,.privacy-summary h2{letter-spacing:-.055em;margin:18px 0;font-size:clamp(34px,4.4vw,54px);line-height:1.02}.indicators-copy>p:last-child,.privacy-summary p{color:var(--muted);line-height:1.7}.number-badge{color:var(--red-dark);text-transform:uppercase;letter-spacing:.08em;background:#fee6e1;border-radius:99px;padding:8px 12px;font-size:12px;font-weight:850;display:inline-flex}.indicator-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.indicator{border:1px solid var(--line);background:#fff;border-radius:17px;align-items:center;gap:13px;min-height:65px;padding:12px 16px;font-weight:750;display:flex;box-shadow:0 8px 20px #2732450b}.indicator span{background:#eef8fc;border-radius:12px;place-items:center;width:39px;height:39px;font-size:19px;display:grid}.indicator:last-child{grid-column:1/-1}.official-note{font-size:12px;color:#607487!important;margin-top:13px!important}.quiz-intro{grid-template-columns:.82fr 1.18fr;align-items:center;gap:70px;padding-block:110px;display:grid}.disclaimer-card{background:#fff;border:1px solid #f1d9d1;border-radius:28px;padding:35px;position:relative;box-shadow:14px 16px #f8e4dd}.disclaimer-card:before{content:"HANYA HIBURAN";background:var(--yellow);color:#5a4310;letter-spacing:.12em;border:2px solid #5a4310;border-radius:8px;padding:7px 12px;font-size:10px;font-weight:900;position:absolute;top:-15px;right:25px;transform:rotate(3deg)}.disclaimer-card>strong{margin-bottom:16px;font-size:23px;display:block}.disclaimer-card p{color:var(--muted);line-height:1.65}.disclaimer-card .button{margin-top:10px}.quiz-section{background:#eef8fc;border-block:1px solid #cce8f3;padding:85px 0 100px;scroll-margin-top:20px}.quiz-shell{max-width:920px}.privacy-panel,.question-panel{background:#fff;border:1px solid #d9e7ec;border-radius:34px;padding:clamp(28px,6vw,64px);box-shadow:0 22px 60px #23465a1a}.panel-enter{animation:.36s cubic-bezier(.2,.8,.2,1) panel-in}@keyframes panel-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.lock{background:#e7f8f1;border-radius:24px;place-items:center;width:72px;height:72px;margin-bottom:24px;font-size:34px;display:grid}.privacy-panel h2,.question-panel h2,.factor-panel h2,.comic-heading h2{letter-spacing:-.055em;margin-bottom:22px;font-size:clamp(34px,5vw,56px);line-height:1.05}.privacy-panel>p{max-width:700px;color:var(--muted);font-size:16px;line-height:1.7}.privacy-panel>p strong{color:var(--ink)}.privacy-checks{flex-wrap:wrap;gap:9px;margin:26px 0 32px;display:flex}.privacy-checks span{color:#197957;background:#e8f8f1;border:1px solid #c6e9db;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:850}.button-wide{min-width:285px}.progress-top{color:var(--muted);justify-content:space-between;font-size:12px;font-weight:800;display:flex}.progress-top strong{color:var(--red)}.progress-track{background:#edf0f2;border-radius:99px;height:8px;margin:11px 0 42px;overflow:hidden}.progress-track i{background:var(--red);border-radius:inherit;height:100%;transition:width .3s;display:block}.question-panel h2{max-width:760px;font-size:clamp(31px,4.5vw,49px)}.question-note{color:var(--muted);margin-top:-10px;margin-bottom:25px}.options{gap:10px;display:grid}.option{text-align:left;width:100%;min-height:62px;color:var(--ink);cursor:pointer;background:#fffdf9;border:1px solid #dedfdc;border-radius:16px;grid-template-columns:40px 1fr auto;align-items:center;gap:14px;padding:10px 15px;transition:border .18s,transform .18s,background .18s;display:grid}.option:hover,.option.selected{border-color:var(--red);background:#fff4f1;transform:translate(3px)}.option-letter{width:35px;height:35px;color:var(--muted);background:#f1f1ee;border-radius:11px;place-items:center;font-size:12px;font-weight:900;display:grid}.option:hover .option-letter,.option.selected .option-letter{background:var(--red);color:#fff}.option>b{color:var(--red);opacity:0;transition:opacity .18s}.option:hover>b{opacity:1}.question-footer{color:#8b9099;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;font-size:11px;display:flex}.question-footer button{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:8px 0;font-weight:800}.result-wrap{gap:24px;display:grid}.result-hero{text-align:center;color:#fff;background:var(--red);border-radius:34px;padding:60px 35px;position:relative;overflow:hidden;box-shadow:0 18px #f2c5bd}.result-hero:before,.result-hero:after{content:"";border:35px solid #ffffff1a;border-radius:50%;width:210px;height:210px;position:absolute}.result-hero:before{top:-80px;left:-120px}.result-hero:after{bottom:-120px;right:-110px}.result-hero .kicker{color:#ffe3dc}.result-hero h2{letter-spacing:-.055em;margin:10px 0 4px;font-size:clamp(32px,6vw,62px)}.decile-number{letter-spacing:-.04em;font-size:clamp(35px,7vw,70px);font-weight:900;line-height:1}.decile-number span{min-width:1.5em;min-height:1.5em;color:var(--red);background:#fff;border-radius:.3em;place-items:center;margin-left:7px;padding:.12em;display:inline-grid;transform:rotate(-3deg)}.result-mode{color:#ffe1da;font-style:italic;font-weight:850}.result-hero>p:last-of-type{max-width:600px;margin-inline:auto}.fun-stamp{border:2px solid #fff;border-radius:8px;padding:7px 10px;font-size:10px;font-weight:900;position:absolute;top:25px;right:25px;transform:rotate(4deg)}.factor-panel,.comic-section{background:#fff;border:1px solid #d9e7ec;border-radius:30px;padding:clamp(25px,5vw,48px)}.factor-panel h2{font-size:clamp(30px,4vw,44px)}.factor-columns{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.factor-columns>div{background:#fafafa;border-radius:18px;padding:20px}.factor-columns h3{margin:0 0 14px;font-size:14px}.factor-columns p{color:var(--muted);gap:9px;font-size:13px;line-height:1.5;display:flex}.factor-up,.factor-down{border-radius:8px;flex:0 0 24px;place-items:center;height:24px;font-weight:900;display:grid}.factor-up{color:#16825d;background:#e5f7ef}.factor-down{color:#c66b2e;background:#fff0e4}.factor-note{color:#9297a1;margin:18px 0 0;font-size:11px}.comic-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px;display:flex}.comic-heading h2{margin-bottom:0;font-size:clamp(29px,4vw,43px)}.you-badge{background:var(--yellow);border-radius:12px;flex:none;padding:10px 14px;font-size:12px;font-weight:900;display:inline-flex;transform:rotate(-2deg)}.single-panel-layout{background:#fff7ed;border:1px solid #f0d7bf;border-radius:24px;grid-template-columns:1fr minmax(260px,390px);align-items:center;gap:clamp(28px,6vw,70px);padding:28px;display:grid}.single-panel-copy h3,.poster-heading h3{letter-spacing:-.04em;margin:10px 0 9px;font-size:clamp(24px,3.5vw,36px);line-height:1.08}.single-panel-copy p,.poster-heading p{color:var(--muted);margin:0;line-height:1.65}.single-label{background:var(--red);color:#fff;letter-spacing:.14em;border-radius:8px;padding:7px 10px;font-size:9px;font-weight:900;display:inline-flex;transform:rotate(-2deg)}.single-label.neutral{color:#376577;background:#e9f5fa;transform:none}.desil-crop{aspect-ratio:294/392;background-image:url(/desil-kesejahteraan-indonesia.png);background-repeat:no-repeat;background-size:522.5%;background-position:var(--crop-x) var(--crop-y);border:5px solid #fff;border-radius:22px;width:100%;box-shadow:0 16px 35px #372c202e,0 0 0 2px #2b2b2b}.desil-crop.bottom-row{aspect-ratio:294/416}.full-poster{border-top:1px dashed #d9d9d3;margin-top:42px;padding-top:38px}.poster-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:22px;display:flex}.poster-heading>div{max-width:570px}.poster-heading h3{font-size:clamp(25px,3.6vw,38px)}.poster-link{background:#fafafa;border:1px solid #d4d4d0;border-radius:18px;display:block;overflow:hidden;box-shadow:0 14px 35px #1d2c431a}.poster-link img{width:100%;height:auto;transition:transform .25s;display:block}.poster-link:hover img{transform:scale(1.01)}.image-note{color:#8b9099;text-align:center;margin:14px 0 0;font-size:11px}.result-disclaimer{background:#fff9e8;border:2px solid #efc477;border-radius:22px;grid-template-columns:auto 1fr;gap:18px;padding:27px;display:grid}.warning-icon{color:#fff;background:#f3b63d;border-radius:50%;place-items:center;width:42px;height:42px;font-size:25px;font-weight:900;display:grid}.result-disclaimer h3{margin:0 0 8px}.result-disclaimer p{color:#6e624d;margin:7px 0;font-size:13px;line-height:1.6}.result-actions{flex-wrap:wrap;justify-content:center;gap:12px;padding-top:10px;display:flex}.privacy-summary{color:#fff;background:#17263f;border-radius:30px;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;margin-block:95px;padding:42px;display:grid}.privacy-summary h2{margin:8px 0;font-size:34px}.privacy-summary p{color:#bcc8d7;margin:0}.privacy-summary .kicker{color:#78dcb8}.lock-small{background:#253853;border-radius:18px;place-items:center;width:58px;height:58px;font-size:27px;display:grid}.privacy-checks.vertical{margin:0;display:grid}.privacy-checks.vertical span{color:#9ae6ca;background:#203d43;border-color:#2d5b56}footer{border-top:1px solid var(--line);background:#fff}footer>.shell{min-height:120px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;font-size:12px;display:flex}footer p{margin:0}footer>a{font-weight:800}@media (max-width:820px){.nav-links{display:none}.indicators,.quiz-intro{grid-template-columns:1fr;gap:32px}.indicators{padding-bottom:75px}.quiz-intro{padding-block:75px}.official{grid-template-columns:auto 1fr}.official .button{grid-column:1/-1}.factor-columns{grid-template-columns:1fr}.privacy-summary{grid-template-columns:auto 1fr}.privacy-summary .vertical{grid-column:1/-1;display:flex}.comic-heading{flex-direction:column;align-items:flex-start}.single-panel-layout{grid-template-columns:1fr}.desil-crop{justify-self:center;width:min(100%,390px)}.poster-heading{flex-direction:column;align-items:flex-start}.fun-stamp{margin-top:15px;display:inline-flex;position:relative;top:auto;right:auto}.result-hero{padding-top:50px}footer>.shell{flex-direction:column;align-items:flex-start;padding-block:30px}}@media (max-width:520px){.indicator-grid{grid-template-columns:1fr}.indicator:last-child{grid-column:auto}.official{grid-template-columns:1fr}.disclaimer-card{padding:27px 23px}.privacy-panel,.question-panel{border-radius:25px}.button-wide{width:100%;min-width:0}.question-footer>span{display:none}.option{grid-template-columns:36px 1fr auto;padding-inline:11px;font-size:14px}.privacy-checks{grid-template-columns:repeat(2,1fr);display:grid}.privacy-checks span{text-align:center;padding-inline:7px}.decile-number{justify-content:center;align-items:center;display:flex}.result-hero{padding-inline:18px}.factor-panel,.comic-section{border-radius:24px}.single-panel-layout{padding:18px}.poster-heading .button{width:100%}.result-disclaimer{grid-template-columns:1fr}.result-actions .button{width:100%}.privacy-summary{grid-template-columns:1fr;margin-block:60px;padding:26px}.privacy-summary .vertical{grid-template-columns:1fr 1fr;display:grid}}