:root{--surface:#edf2f8;--surface-soft:#f2f5fa;--surface-deep:#e6edf5;--ink:#213950;--ink-strong:#123256;--muted:#728398;--blue:#0a6eb8;--red:#d82143;--line:#dce4ed;--raised:8px 8px 20px #d3dce7, -8px -8px 20px #fff;--raised-small:4px 4px 10px #d4dde8, -4px -4px 10px #fff;--inset:inset 5px 5px 11px #d5dde7, inset -5px -5px 11px #fff;--font:var(--font-montserrat-alternates,"Montserrat Alternates"), sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--surface);min-width:320px;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.54}a{color:inherit;text-decoration:none}svg{flex-shrink:0}:focus-visible{outline-offset:3px;outline:3px solid #1b7fc2}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink-strong);letter-spacing:-.035em}.glass,.surface{background:var(--surface);box-shadow:var(--raised);border:1px solid #f6f8fc}.section-overline{color:var(--blue);letter-spacing:.09em;font-size:11px;font-weight:900;display:inline-block}.btn{border:none;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:45px;padding:12px 19px;font-size:13px;font-weight:850;line-height:1.3;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex}.btn:not(:disabled):hover{transform:translateY(-2px)}.btn:not(:disabled):active{transform:translateY(0)}.btn-primary{background:var(--red);color:#fff;box-shadow:4px 5px 12px #cba6b0,-3px -3px 10px #fff}.btn-primary:hover{background:#bc1938}.btn-neutral,.btn-white,.btn-outline{background:var(--surface);color:var(--ink-strong);box-shadow:var(--raised-small);border:1px solid #f7f9fc}.btn-outline{color:var(--blue)}.btn-block{width:100%}.btn-small{border-radius:10px;min-height:35px;padding:8px 12px;font-size:12px}.icon-button{background:var(--surface);width:37px;height:37px;color:var(--blue);box-shadow:var(--raised-small);border:none;border-radius:10px;place-items:center;padding:0;display:inline-grid}.icon-button.danger,.danger{color:#cf3150}.field-label{color:#4d637a;margin:17px 0 8px;font-size:12px;font-weight:800;display:block}.input{background:var(--surface);width:100%;min-height:45px;box-shadow:var(--inset);color:var(--ink);border:1px solid #e5ebf2;border-radius:10px;outline:none;padding:11px 15px;font-size:13px;display:block}.input:focus,.input:focus-visible{outline-offset:0;outline:2px solid #88bddf}.input::placeholder{color:#94a1b1}.input.textarea{resize:vertical;min-height:72px}input[type=checkbox]{accent-color:var(--red);width:16px;height:16px}.brand{align-items:center;gap:12px;min-width:0;display:inline-flex}.brand-mark{background:var(--surface);width:42px;height:42px;color:var(--red);box-shadow:var(--raised-small);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.brand-label{flex-direction:column;gap:2px;min-width:0;display:flex}.brand-label b{letter-spacing:-.04em;color:var(--ink-strong);white-space:nowrap;font-size:15px;font-weight:1000}.brand-label b span{color:var(--red)}.brand-label small{color:var(--muted);font-size:9px;font-weight:700}.home-page{align-items:center;min-height:100dvh;padding:28px 26px 18px;display:grid}.home-shell{width:min(1160px,100%);margin:0 auto}.home-hero{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(24px,6vw,90px);min-height:min(660px,82dvh);padding:34px 0 42px;display:grid}.home-eyebrow{color:var(--red);letter-spacing:.13em}.home-copy h1{margin:20px 0;font-size:clamp(43px,5.4vw,72px);font-weight:1000;line-height:1.12}.home-copy h1 span{color:var(--red)}.home-copy p{max-width:480px;color:var(--muted);margin-bottom:28px;font-size:16px;line-height:1.7}.home-cta{min-height:54px;padding:14px 25px;font-size:14px}.home-meta{color:var(--muted);align-items:center;gap:9px;margin-top:21px;font-size:12px;font-weight:800;display:flex}.home-showcase{background:var(--surface);border-radius:10px;padding:32px;box-shadow:16px 16px 34px #d1dbe6,-16px -16px 34px #fff}.home-heart{text-align:center;min-height:250px;box-shadow:var(--inset);color:var(--red);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:11px;display:flex}.home-heart strong{color:var(--ink-strong);font-size:25px}.home-heart small{color:var(--muted);font-size:11px;font-weight:700}.home-match-list{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:24px;display:grid}.home-match{min-width:0;box-shadow:var(--raised-small);text-align:center;border-radius:10px;flex-direction:column;align-items:center;gap:9px;padding:13px 4px;display:flex}.home-match strong{color:#4a6078;font-size:9px;font-weight:850}.flow-page,.quiz-page,.result-page{min-height:100dvh;padding:30px 18px 58px}.flow-page,.quiz-page{place-items:center;display:grid}.flow-container,.quiz-stage,.result-container{width:min(680px,100%);margin:0 auto}.flow-container{max-width:535px}.flow-top{text-align:center;margin-bottom:21px}.profile-eyebrow{letter-spacing:.13em;color:var(--red);margin:0 0 10px;font-size:10px;font-weight:900;display:inline-block}.flow-top h1{margin:0 0 10px;font-size:clamp(24px,4vw,30px);font-weight:850}.flow-top p{color:var(--muted);max-width:400px;margin:0 auto;font-size:13px;line-height:1.6}.flow-card,.quiz-card,.result-spotlight,.ranking-card{background:var(--surface);box-shadow:var(--raised);border:1px solid #f7f9fc;border-radius:10px}.flow-card{padding:27px}.profile-card .field-label:first-child{margin-top:0}.form-columns{grid-template-columns:1fr 1fr;gap:17px;margin-top:12px;display:grid}.toggle-grid{gap:9px;min-height:45px;display:flex}.choice-chip{background:var(--surface);box-shadow:var(--raised-small);color:#516b83;border:1px solid #f4f7fb;border-radius:10px;flex:1;padding:8px 12px;font-size:12px;font-weight:800;transition:box-shadow .18s,color .18s}.choice-chip.active{box-shadow:var(--inset);color:var(--red)}.input-select{cursor:pointer}.input-select:invalid{color:var(--muted)}.consent{color:var(--muted);align-items:flex-start;gap:10px;margin:24px 0;font-size:11px;line-height:1.6;display:flex}.consent input{flex-shrink:0;margin:2px 0 0}.quiz-stage{width:min(470px,100%)}.quiz-progress-label{text-align:center;color:var(--ink-strong);margin-bottom:11px;font-size:12px;font-weight:800}.quiz-progress{height:7px;box-shadow:var(--inset);background:#d9e3ef;border-radius:10px;margin:0 9px 21px;overflow:hidden}.quiz-progress span{background:var(--red);border-radius:10px;height:100%;transition:width .28s;display:block}.quiz-card{background:#f8faff;border-color:#fff;padding:27px 25px 23px;box-shadow:9px 10px 24px #d7e0eb,-9px -10px 24px #fff}.quiz-question-title{color:var(--ink-strong);letter-spacing:-.025em;margin:0 0 22px;font-size:clamp(17px,3.8vw,20px);font-weight:800;line-height:1.45}.quiz-question-description{color:var(--muted);margin:-13px 0 20px;font-size:12px;line-height:1.5}.quiz-option-list{flex-direction:column;gap:9px;display:flex}.quiz-option{text-align:left;width:100%;min-height:58px;color:var(--ink);background:#fff;border:1px solid #dfe8f2;border-radius:10px;align-items:center;gap:12px;padding:11px 13px;transition:background-color .18s,border-color .18s,box-shadow .18s;display:flex;box-shadow:2px 3px 7px #1d3e660b}.quiz-option:hover:not(:disabled){background:#fafdff;border-color:#a9c6e3}.quiz-option.selected{border-color:var(--red);background:#fff7f9;box-shadow:inset 0 0 0 1px #e9a7b7}.quiz-option-icon{flex-shrink:0;place-items:center;width:32px;height:32px;display:inline-grid}.quiz-option-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.quiz-option-text strong{font-size:12px;font-weight:750;line-height:1.45}.quiz-option-text small{color:var(--muted);font-size:10px;line-height:1.4}.quiz-option-check{border:1.5px solid #b4c2d3;border-radius:50%;flex-shrink:0;place-items:center;width:19px;height:19px;display:grid}.quiz-option.selected .quiz-option-check{border-color:var(--red);background:var(--red);color:#fff}.result-icon,.ranking-icon,.insights-category-icon{background:var(--surface);box-shadow:var(--raised-small);flex-shrink:0;place-items:center;display:inline-grid}.result-heading{text-align:center;margin-bottom:26px}.result-heading h1{margin:8px 0 5px;font-size:clamp(38px,6vw,52px)}.result-heading h1 span{color:var(--red)}.result-heading p{color:var(--muted);font-size:13px}.result-spotlight{text-align:center;padding:35px 28px}.result-icon{border-radius:10px;width:95px;height:95px;margin:0 auto 18px}.result-spotlight>small{color:var(--red);letter-spacing:.1em;font-size:10px;font-weight:900}.result-spotlight h2{margin:7px 0 3px;font-size:30px}.result-company{color:var(--blue);font-size:13px;font-weight:900;display:block}.result-spotlight>p{color:var(--muted);max-width:460px;margin:17px auto;font-size:13px;line-height:1.6}.result-product{background:var(--surface);box-shadow:var(--inset);border-radius:10px;flex-direction:column;gap:5px;max-width:460px;margin:20px auto;padding:14px;display:flex}.result-product small{color:var(--muted);font-size:10px;font-weight:800}.result-product strong{color:var(--ink-strong);font-size:14px}.ranking-section{margin:32px 0 20px}.ranking-section h3{margin-bottom:18px;font-size:19px}.ranking-card{padding:23px}.ranking-row{align-items:center;gap:15px;margin-bottom:17px;display:flex}.ranking-row:last-child{margin-bottom:0}.ranking-icon{width:40px;height:40px}.ranking-detail{flex:1;min-width:0}.ranking-top{justify-content:space-between;gap:12px;margin-bottom:8px;font-size:12px;font-weight:850;display:flex}.ranking-track{height:7px;box-shadow:var(--inset);border-radius:10px;overflow:hidden}.ranking-track span{border-radius:inherit;height:100%;display:block}.fine-print{color:var(--muted);margin:13px 0;font-size:10px;line-height:1.6}.state-loading,.empty-state{color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:13px;padding:75px 20px;display:flex}.empty-state h2,.empty-state h3,.empty-state p{margin:0}.loading-spinner{border:3px solid #d3dce7;border-top-color:var(--red);border-radius:50%;width:27px;height:27px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.insights-page{min-height:100dvh;padding:0 24px 25px}.insights-shell{width:min(1200px,100%);margin:0 auto}.insights-masthead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;min-height:81px;display:flex}.insights-brand{align-items:center;gap:11px;display:flex}.insights-logo{background:var(--surface);width:37px;height:37px;color:var(--red);box-shadow:var(--raised-small);border-radius:10px;place-items:center;display:grid}.insights-brand strong{color:var(--blue);font-size:14px;font-weight:1000}.insights-brand strong span{color:var(--red)}.insights-screen-button{box-shadow:var(--raised-small);border-radius:10px;align-items:center;gap:8px;padding:10px 13px;font-size:12px;font-weight:850;display:inline-flex}.insights-title-row{justify-content:space-between;align-items:end;gap:16px;margin:27px 0 22px;display:flex}.insights-title-row h1{margin:5px 0;font-size:clamp(25px,3.5vw,36px)}.insights-title-row p{color:var(--muted);margin:0;font-size:12px}.insights-sync{align-items:center;gap:10px;display:flex}.insights-live{white-space:nowrap;color:var(--muted);align-items:center;gap:7px;font-size:11px;font-weight:850;display:inline-flex}.insights-live i{background:var(--muted);border-radius:50%;width:7px;height:7px}.insights-live.online{color:#16866a}.insights-live.online i{background:#16866a}.insights-sync button{background:var(--surface);width:37px;height:37px;box-shadow:var(--raised-small);color:var(--blue);border:0;border-radius:10px;place-items:center;display:grid}.insights-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-bottom:20px;display:grid}.insight-stat{background:var(--surface);box-shadow:var(--raised);border-radius:10px;align-items:center;gap:19px;min-width:0;padding:23px;display:flex}.insight-stat-icon{width:46px;height:46px;box-shadow:var(--inset);color:var(--blue);border-radius:10px;flex:0 0 46px;place-items:center;display:grid}.insight-stat:nth-child(2) .insight-stat-icon{color:var(--red)}.insight-stat div{flex-direction:column;gap:5px;min-width:0;display:flex}.insight-stat div>span{color:var(--muted);font-size:11px;font-weight:800}.insight-stat strong{color:var(--ink-strong);font-size:35px;font-weight:1000;line-height:1.1}.insights-main-grid{grid-template-columns:1.05fr 1fr;gap:20px;display:grid}.insights-distribution,.insights-trend{background:var(--surface);min-width:0;box-shadow:var(--raised);border-radius:10px;padding:25px}.insights-panel-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.insights-panel-heading h2{margin:0;font-size:19px}.insights-panel-heading small{color:var(--muted);font-size:11px;font-weight:800}.insights-category-list{flex-direction:column;gap:16px;display:flex}.insights-category-label{align-items:center;gap:12px;margin-bottom:9px;display:flex}.insights-category-icon{border-radius:10px;width:34px;height:34px}.insights-category-label strong{flex:1;font-size:12px;font-weight:850}.insights-category-label>span:last-child{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:900}.insights-mini-track{height:6px;box-shadow:var(--inset);border-radius:10px;margin-left:45px;overflow:hidden}.insights-mini-track>span{border-radius:inherit;height:100%;display:block}.insights-trend{flex-direction:column;display:flex}.insights-trend-number{align-items:baseline;gap:11px;display:flex}.insights-trend-number strong{color:var(--ink-strong);font-size:33px;font-weight:1000}.insights-trend-number span{color:var(--muted);font-size:11px}.insights-mini-chart{height:160px;min-height:160px;margin:10px -10px 12px}.insights-spotlight{background:var(--surface);box-shadow:var(--inset);color:var(--muted);border-radius:10px;align-items:start;gap:9px;padding:13px;font-size:11px;line-height:1.5;display:flex}.insights-spotlight svg{color:var(--blue)}.insights-update{color:var(--muted);text-align:center;margin-top:25px;font-size:10px}.insights-page.is-projection .insights-shell{width:min(1530px,100%)}.insights-page.is-projection .insight-stat strong{font-size:clamp(38px,3.7vw,63px)}.admin-shell{min-height:100dvh;display:flex}.admin-sidebar{background:var(--surface);z-index:30;overscroll-behavior:contain;border-right:1px solid #dce4ed;flex-direction:column;flex:0 0 244px;width:244px;height:100dvh;padding:26px 17px 20px;display:flex;position:sticky;top:0;overflow-y:auto}.admin-sidebar-brand{justify-content:space-between;align-items:center;padding:0 4px 32px;display:flex}.admin-sidebar-brand .brand-label b{font-size:12px}.admin-sidebar-brand .brand-mark{width:37px;height:37px}.admin-sidebar-brand .brand-label small{font-size:8px}.sidebar-caption{color:var(--muted);letter-spacing:.1em;margin:0 10px 12px;font-size:10px;font-weight:900}.sidebar-nav{flex-direction:column;gap:6px;display:flex}.sidebar-nav button,.sidebar-bottom button,.sidebar-bottom a{color:#536e87;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:12px;width:100%;min-height:44px;padding:11px 13px;font-size:12px;font-weight:800;transition:background .2s,color .2s,border-color .2s;display:flex}.sidebar-nav button svg{color:#7890a8}.sidebar-nav button.active svg{color:var(--red)}.sidebar-nav button.active{color:#b72243;box-shadow:none;background:#fff1f5;border-color:#f5d3dc}.sidebar-nav button.active:before{content:"";background:var(--red);border-radius:2px;width:3px;height:19px;margin-left:-5px;margin-right:2px}.sidebar-logout{margin-top:6px;color:#bf3c55!important}.sidebar-nav button>span{white-space:nowrap;flex:1}.sidebar-nav button small{color:#8b9aae;font-size:10px;font-weight:650}.nav-active-dot{background:var(--red);border-radius:50%;width:6px;height:6px}.sidebar-bottom{border-top:1px solid var(--line);flex-direction:column;gap:2px;margin-top:auto;padding-top:14px;display:flex}.sidebar-bottom svg:last-child:not(:first-child){margin-left:auto}.sidebar-bottom button:hover,.sidebar-bottom a:hover,.sidebar-nav button:not(.active):hover{color:var(--blue)}.mobile-menu,.mobile-close{display:none}.admin-main{flex:1;min-width:0}.admin-mobile-header,.admin-sidebar-backdrop{display:none}.admin-content{max-width:1600px;margin:0 auto;padding:31px 37px 70px}.admin-section-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:27px;display:flex}.admin-section-head h1{margin:0 0 6px;font-size:29px}.admin-section-head p{color:var(--muted);margin:0;font-size:12px}.admin-info-banner{color:var(--muted);border-radius:10px;align-items:center;gap:10px;margin-bottom:20px;padding:10px 15px;font-size:11px;display:flex}.admin-info-banner svg{color:var(--blue)}.admin-info-banner p{margin:0}.question-manage-list{flex-direction:column;gap:17px;display:flex}.manage-question{border-radius:10px;align-items:center;gap:19px;padding:20px 22px;display:flex}.manage-question-icon{width:50px;height:50px;box-shadow:var(--inset);color:var(--blue);border-radius:10px;flex:0 0 50px;place-items:center;display:grid}.manage-question-body{flex:1;min-width:0}.manage-question-tags{align-items:center;gap:10px;margin-bottom:8px;display:flex}.manage-question-tags>span:first-child{color:var(--muted);font-size:10px;font-weight:900}.manage-question h3{margin:0 0 4px;font-size:15px}.manage-question p{color:var(--muted);margin:0;font-size:11px}.manage-option-preview{flex-wrap:wrap;gap:9px;margin-top:12px;display:flex}.manage-option-preview span{color:#657a91;align-items:center;gap:5px;font-size:10px;display:inline-flex}.manage-question-actions{align-items:center;gap:9px;display:flex}.status-chip{color:#16866a;font-size:10px;font-weight:850}.status-chip.inactive{color:#a58b5a}.soft-chip,.neutral-tag{color:var(--muted);font-size:10px;font-weight:850}.category-manage-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.category-manage{border-radius:10px;min-width:0;padding:23px}.category-top{justify-content:space-between;align-items:center;display:flex}.category-avatar{width:55px;height:55px;box-shadow:var(--inset);border-radius:10px;place-items:center;display:grid}.category-company{color:var(--blue);margin-top:19px;font-size:11px;font-weight:900}.category-manage h3{margin:6px 0 11px;font-size:20px}.category-manage p{color:var(--muted);min-height:66px;font-size:12px;line-height:1.6}.category-product{align-items:center;gap:9px;min-height:42px;margin-bottom:18px;font-size:11px;font-weight:800;display:flex}.category-product svg{color:var(--blue)}.response-toolbar{border-radius:10px;align-items:center;gap:16px;margin-bottom:20px;padding:17px 20px;display:flex}.response-toolbar>span{color:var(--muted);white-space:nowrap;margin-left:auto;font-size:11px;font-weight:800}.search-box{max-width:420px;box-shadow:var(--inset);border-radius:10px;flex:1;align-items:center;gap:12px;padding:0 14px;display:flex}.search-box svg{color:var(--muted)}.search-box input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:44px;font-size:12px}.response-table-wrap{border-radius:10px;overflow-x:auto}.response-table{border-collapse:collapse;text-align:left;width:100%;min-width:790px}.response-table th{color:var(--muted);letter-spacing:.04em;border-bottom:1px solid var(--line);padding:19px;font-size:10px;font-weight:850}.response-table td{border-bottom:1px solid var(--line);color:#536b83;padding:17px 19px;font-size:12px}.response-table tr:last-child td{border-bottom:0}.person-cell{align-items:center;gap:11px;display:flex}.person-cell>span{background:var(--surface);box-shadow:var(--inset);width:37px;height:37px;color:var(--blue);border-radius:10px;place-items:center;font-weight:950;display:grid}.person-cell div{flex-direction:column;gap:3px;display:flex}.person-cell strong{color:var(--ink-strong);font-size:12px}.person-cell small,.date-cell{color:var(--muted);font-size:10px}.match-table-chip{color:var(--red);align-items:center;gap:7px;font-weight:800;display:inline-flex}.table-actions{align-items:center;gap:8px;display:flex}.response-pagination{color:var(--muted);justify-content:space-between;align-items:center;margin-top:20px;font-size:11px;display:flex}.response-pagination>div{gap:8px;display:flex}.modal-overlay{z-index:100;background:#192c4261;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-panel{background:var(--surface);border:1px solid #f8fafc;border-radius:10px;width:min(630px,100%);max-height:94dvh;overflow:auto;box-shadow:18px 18px 40px #1c364c3b}.modal-panel.wide{width:min(850px,100%)}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:14px;padding:23px 26px;display:flex}.modal-head h2{margin:0 0 4px;font-size:21px}.modal-head p{color:var(--muted);margin:0;font-size:11px}.modal-body{padding:18px 26px 26px}.editor-section{border-bottom:1px solid var(--line);margin-bottom:12px;padding:12px 0 22px}.editor-section:last-of-type{border-bottom:none}.editor-section-title{color:var(--ink-strong);margin-bottom:12px;font-size:14px;font-weight:950}.editor-section>p,.editor-title-row p{color:var(--muted);margin:0;font-size:11px}.editor-inline,.editor-option-fields,.editor-title-row{align-items:end;gap:15px;display:flex}.editor-inline>div,.editor-option-fields>div{flex:1;min-width:0}.editor-title-row{justify-content:space-between;align-items:center;margin-bottom:15px}.editor-title-row>div{flex:1}.editor-options{flex-direction:column;gap:20px;display:flex}.editor-option{box-shadow:var(--raised-small);border:1px solid #f5f7fa;border-radius:10px;padding:19px}.editor-option-head{align-items:center;gap:11px;margin-bottom:13px;display:flex}.editor-option-index{color:var(--red);font-size:11px;font-weight:900}.editor-option-head strong{color:var(--ink-strong);font-size:13px}.editor-option-actions{gap:6px;margin-left:auto;display:flex}.editor-option-actions button{background:var(--surface);box-shadow:var(--raised-small);color:var(--blue);border:0;border-radius:8px;width:30px;height:30px}.editor-option-actions button.danger{color:var(--red)}.editor-option-fields>div:first-child{flex:2}.color-input{border:1px solid var(--line);background:var(--surface);border-radius:9px;width:100%;height:43px;padding:7px}.icon-picker{position:relative}.icon-picker-trigger{background:var(--surface);width:100%;box-shadow:var(--inset);color:var(--blue);border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:11px;font-size:11px;display:flex}.icon-picker-panel{z-index:15;background:var(--surface);border-radius:10px;width:min(350px,80vw);padding:13px;position:absolute;top:calc(100% + 7px);left:0;box-shadow:6px 6px 22px #c5d1df,-6px -6px 22px #fff}.icon-picker-grid{grid-template-columns:repeat(6,1fr);gap:8px;max-height:200px;display:grid;overflow:auto}.icon-picker-grid button{background:var(--surface);height:39px;color:var(--blue);box-shadow:var(--raised-small);border:0;border-radius:9px;place-items:center;display:grid}.icon-picker-grid button.selected{color:var(--red);box-shadow:var(--inset)}.switch-label{white-space:nowrap;color:var(--muted);align-items:center;gap:9px;padding:12px 0;font-size:12px;font-weight:800;display:flex}.weight-box{background:var(--surface);box-shadow:var(--inset);border-radius:10px;margin-top:19px;padding:16px}.weight-header{color:var(--blue);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;font-size:11px;display:flex}.weight-header span{color:var(--muted);font-size:10px}.weight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 17px;display:grid}.weight-item{color:#60768d;align-items:center;gap:9px;font-size:11px;display:flex}.weight-item>span:nth-child(2){flex:1}.weight-color{border-radius:50%;width:8px;height:8px}.weight-item .input{text-align:center;width:65px;min-height:35px;padding:6px}.modal-footer{justify-content:flex-end;gap:10px;padding-top:22px;display:flex}.two-fields{grid-template-columns:1fr 1fr;gap:0 18px;display:grid}.response-answer-fields{flex-direction:column;gap:7px;display:flex}.qr-modal{flex-direction:column;align-items:center;gap:16px;display:flex}.qr-code-card{box-shadow:var(--raised-small);background:#fff;border-radius:10px;padding:14px}.qr-modal>p{margin:0;font-size:13px;font-weight:850}.qr-modal>.field-label,.qr-modal>.input{width:100%}.qr-modal-actions{justify-content:flex-end;align-self:stretch;gap:8px;display:flex}.login-page{place-items:center;width:100%;min-height:100dvh;padding:24px 18px;display:grid}.login-card{text-align:left;background:#f4f7fb;border:1px solid #fafbfe;border-radius:10px;width:min(420px,100%);margin:0 auto;padding:40px 37px 37px;box-shadow:13px 13px 30px #d6dfe9,-13px -13px 30px #fff}.login-signature{align-items:center;gap:12px;margin-bottom:30px;display:flex}.login-brand-mark{background:var(--surface);width:44px;height:44px;box-shadow:var(--raised-small);color:var(--red);border-radius:10px;flex:0 0 44px;place-items:center;display:grid}.login-product{letter-spacing:-.01em;color:var(--ink-strong);margin:0;font-size:12px;font-weight:850;display:inline-block}.login-product strong{color:var(--red);font-weight:900}.login-card h1{letter-spacing:-.025em;margin:0 0 8px;font-size:26px;font-weight:850}.login-intro{color:var(--muted);margin-bottom:25px;font-size:13px;line-height:1.6}.login-card form .field-label{margin:0 0 8px}.login-card form .input{min-height:49px}.login-card form>.btn{min-height:49px;margin-top:19px}.password-input{position:relative}.password-input .input{padding-right:51px}.password-input button{width:38px;height:38px;color:var(--muted);background:0 0;border:none;place-items:center;display:grid;position:absolute;top:5px;right:7px}@media (max-width:1050px){.home-hero{gap:30px}.home-showcase{padding:23px}.category-manage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-sidebar{flex-basis:215px;width:215px}.admin-content{padding:27px 24px 60px}}@media (max-width:800px){.home-hero{grid-template-columns:1fr;min-height:auto;padding:40px 0 50px}.home-copy h1{max-width:700px;font-size:clamp(40px,8vw,63px)}.home-showcase{width:100%;max-width:620px;margin:0 auto}.home-heart{min-height:200px}.insights-main-grid{grid-template-columns:1fr}.insights-stats{gap:13px}.insight-stat{gap:9px;padding:17px}.insight-stat-icon{flex-basis:38px;width:38px;height:38px}.insight-stat strong{font-size:27px}.admin-sidebar{width:245px;box-shadow:var(--raised);transition:transform .2s;position:fixed;left:0;transform:translate(-106%)}.admin-sidebar.mobile-open{transform:translate(0)}.mobile-menu,.mobile-close{place-items:center;display:grid}.mobile-close{background:var(--surface);width:30px;height:30px;color:var(--muted);border:none}.admin-mobile-header{background:var(--surface);border-bottom:1px solid var(--line);z-index:50;align-items:center;gap:15px;min-height:64px;padding:0 18px;display:flex;position:sticky;top:0}.admin-mobile-header strong{color:var(--ink-strong);font-size:13px}.admin-sidebar{z-index:101;width:min(285px,86vw);padding-top:24px}.admin-sidebar-backdrop{z-index:100;cursor:default;background:#11243a7a;border:0;width:100%;height:100dvh;display:block;position:fixed;inset:0}.admin-content{padding:24px 18px 60px}}@media (max-width:580px){.home-page{padding:0 20px}.home-copy h1{font-size:clamp(36px,9.5vw,50px)}.home-copy p{font-size:14px}.home-cta{width:100%}.home-showcase{border-radius:10px;padding:16px}.home-heart{min-height:168px}.home-heart strong{font-size:20px}.home-match-list{gap:4px}.home-match{border-radius:10px;padding:10px 2px}.home-match strong{font-size:8px}.flow-card,.quiz-card{padding:21px 19px}.form-columns{grid-template-columns:1fr;gap:0}.quiz-option{gap:9px;min-height:57px;padding:10px}.quiz-option-text small{font-size:10px}.result-spotlight{padding:30px 18px}.insights-page{padding:0 15px 25px}.insights-masthead{min-height:72px}.insights-brand strong{font-size:12px}.insights-screen-button span{display:none}.insights-stats{gap:9px}.insight-stat{border-radius:10px;min-height:100px;padding:12px;display:block}.insight-stat-icon{width:30px;height:30px;margin-bottom:9px}.insight-stat-icon svg{width:17px}.insight-stat strong{font-size:26px}.insight-stat div>span{font-size:9px}.insights-title-row{align-items:start}.insights-title-row h1{font-size:25px}.insights-title-row p{font-size:11px}.insights-sync{flex-direction:column;align-items:end;gap:7px}.insights-live{font-size:10px}.insights-distribution,.insights-trend{padding:20px 17px}.insights-panel-heading h2{font-size:17px}.admin-section-head{flex-direction:column;align-items:start;gap:14px}.admin-section-head h1{font-size:25px}.category-manage-grid{grid-template-columns:1fr}.manage-question{flex-wrap:wrap;align-items:start;padding:17px}.manage-question-actions{margin-left:auto}.manage-option-preview{display:none}.response-toolbar{flex-wrap:wrap}.response-toolbar .search-box{flex-basis:100%;max-width:none}.modal-panel{max-height:96dvh}.modal-head,.modal-body{padding:18px}.editor-inline,.editor-option-fields,.editor-title-row{flex-wrap:wrap}.editor-option-fields>div:first-child{flex-basis:100%}.weight-grid,.two-fields{grid-template-columns:1fr}.login-card{padding:29px 24px}}.profile-card{gap:21px;display:grid}.profile-field{min-width:0}.profile-card .profile-field .field-label{margin:0 0 9px}.profile-card .form-columns{align-items:start;gap:16px;margin:0}.profile-card .consent{margin:0}.profile-card>.btn{margin-top:0}.job-dropdown{width:100%;position:relative}.job-dropdown-trigger{text-align:left;cursor:pointer;justify-content:space-between;align-items:center;gap:12px;display:flex}.job-dropdown-label{flex:1;align-items:center;gap:11px;min-width:0;display:flex}.job-dropdown-label svg{color:var(--blue)}.job-dropdown-label .placeholder{color:var(--muted)}.job-dropdown-trigger>svg{color:#7e91a5;transition:transform .18s}.job-dropdown-trigger.is-open>svg{transform:rotate(180deg)}.job-dropdown-menu{z-index:25;border:1px solid var(--line);background:#f7faff;border-radius:8px;max-height:260px;padding:6px;position:absolute;top:calc(100% + 7px);left:0;right:0;overflow-y:auto;box-shadow:5px 8px 19px #31466233}.job-dropdown-menu button{width:100%;min-height:45px;color:var(--ink);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:11px;padding:9px 12px;font-size:13px;display:flex}.job-dropdown-menu button span{flex:1}.job-dropdown-menu button svg{color:var(--blue)}.job-dropdown-menu button:hover,.job-dropdown-menu button.selected{background:#e8eef7}.quiz-auto-hint{color:var(--muted);text-align:center;margin:18px 0 0;font-size:11px;line-height:1.5}.admin-sidebar-brand .brand-label small{display:none}.category-manage{flex-direction:column;gap:0;display:flex}.category-manage .btn{margin-top:auto}.category-manage p{min-height:0}.mapping-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.mapping-tabs button{border:1px solid var(--line);min-height:43px;color:var(--muted);background:0 0;border-radius:8px;padding:10px;font-size:12px;font-weight:800}.mapping-tabs button.active{color:var(--red);background:#fff2f5;border-color:#e9b2c0}.mapping-weights>p{margin-bottom:18px;line-height:1.6}.mapping-question{border-top:1px solid var(--line);padding:14px 0}.mapping-question h3{margin:0 0 12px;font-size:12px;line-height:1.5}.mapping-option-list{grid-template-columns:1fr;gap:7px;display:grid}.mapping-option-row{align-items:center;gap:12px;min-width:0;padding:5px 0;font-size:12px;display:flex}.mapping-option-label{overflow-wrap:anywhere;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.mapping-option-label svg{color:var(--blue)}.mapping-option-row .input{text-align:center;flex:0 0 76px;width:76px;min-height:39px;padding:6px 7px}.modal-body .modal-footer{z-index:10;background:var(--surface);border-top:1px solid var(--line);margin-top:8px;padding:15px 0 0;position:sticky;bottom:-26px}.admin-section-head>div{min-width:0}.insights-category-label strong,.ranking-top strong{overflow-wrap:anywhere;min-width:0}@media (max-width:800px){.admin-sidebar.mobile-open{box-shadow:10px 0 34px #1424382e}.admin-content{padding:23px 18px 45px}.modal-overlay{align-items:center;padding:10px}.modal-panel{max-height:calc(100dvh - 20px)}}@media (max-width:580px){.flow-page,.quiz-page,.result-page{padding:22px 15px 34px}.profile-card{gap:19px;padding:23px 19px}.profile-card .form-columns{gap:19px}.profile-card .consent{font-size:11px}.profile-page .flow-top{margin-bottom:18px}.home-match-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.home-match{min-height:69px}.home-match strong{font-size:10px}.home-hero{padding:24px 0 35px}.quiz-card{padding:22px 18px}.quiz-option{min-height:59px}.quiz-option-text strong{font-size:12px}.insights-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.insight-stat:last-child{grid-column:span 2}.insight-stat{min-height:88px}.insights-title-row{align-items:start}.insights-sync{flex-shrink:0}.admin-content{padding:19px 14px 40px}.admin-section-head h1{font-size:24px}.manage-question{gap:12px}.manage-question-icon{flex-basis:38px;width:38px;height:38px}.manage-question-body{flex-basis:calc(100% - 58px)}.manage-question-actions{justify-content:end;width:100%}.category-manage-grid{gap:13px}.category-manage{padding:19px}.modal-head,.modal-body{padding:16px}.modal-head h2{font-size:17px}.modal-panel{max-height:calc(100dvh - 14px)}.modal-footer{flex-wrap:wrap}.modal-footer .btn{flex:130px}.editor-option{padding:13px}.editor-option-head{flex-wrap:wrap}.editor-inline>div{flex:120px}.icon-picker-panel{width:min(280px,100vw - 58px)}.category-editor .editor-inline{align-items:end}.category-editor .editor-inline>div{flex:120px}.response-pagination{flex-wrap:wrap;gap:12px}.response-pagination>div{justify-content:space-between;width:100%}.insights-mini-chart{height:145px;min-height:145px}}@media (max-width:350px){.insights-stats{grid-template-columns:1fr}.insight-stat:last-child{grid-column:auto}.insights-title-row{flex-direction:column}.insights-sync{flex-direction:row}.home-page{padding:0 14px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media print{.admin-shell>.admin-sidebar,.admin-mobile-header,.admin-content,.modal-head,.qr-modal>.field-label,.qr-modal>.input,.qr-modal-actions{display:none!important}.modal-overlay,.modal-panel,.modal-body,.qr-modal{box-shadow:none!important;background:#fff!important;position:static!important}.qr-code-card{box-shadow:none!important}}.preview-stage{--preview-text:#22384f;--preview-muted:#667a90;--preview-card:#fff;--preview-border:#dfe7f0;min-height:100svh;color:var(--preview-text);background:#edf3f9;justify-content:center;align-items:center;padding:clamp(24px,4vw,54px) clamp(16px,3.5vw,54px);transition:background-color .35s;display:flex;position:relative}.preview-theme-white{background:#fff}.preview-theme-dark{--preview-text:#eff5ff;--preview-muted:#b7c9dd;--preview-card:#1a2c47;--preview-border:#354962;background:#10223e}.preview-inner{width:min(1180px,100%);margin-inline:auto}.preview-refresh{z-index:5;border:1px solid var(--preview-border);background:var(--preview-card);width:42px;height:42px;color:var(--preview-text);border-radius:9px;place-items:center;display:grid;position:absolute;top:18px;left:18px;box-shadow:0 7px 20px #183b5e0c}.preview-refresh:hover svg{transform:rotate(45deg)}.preview-refresh svg{transition:transform .3s}.preview-heading{text-align:center;margin-bottom:20px;padding-inline:38px}.preview-kicker{color:#dd2444;letter-spacing:.14em;margin-bottom:9px;font-size:11px;font-weight:900}.preview-heading h1{color:var(--preview-text);margin:0 0 7px;font-size:clamp(23px,3vw,36px);line-height:1.2}.preview-heading p{color:var(--preview-muted);margin:0;font-size:13px}.preview-attendance{background:var(--preview-card);border:1px solid var(--preview-border);border-radius:10px;justify-content:center;align-items:center;gap:16px;width:fit-content;margin:0 auto 24px;padding:16px 30px;display:flex;box-shadow:5px 9px 24px #183b5e10}.preview-attendance-icon{color:#e62946;background:#e5294612;border-radius:10px;place-items:center;width:52px;height:52px;display:grid}.preview-attendance>div:last-child{text-align:left;flex-direction:column;display:flex}.preview-attendance strong{color:var(--preview-text);font-variant-numeric:tabular-nums;font-size:clamp(27px,3vw,39px);font-weight:950;line-height:1}.preview-attendance span{color:var(--preview-muted);margin-top:6px;font-size:12px;font-weight:750}.preview-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.preview-visual-grid.preview-stack{grid-template-columns:minmax(0,1fr);max-width:800px;margin:auto}.preview-visual-grid>div{min-width:0}.preview-chart-panel{background:var(--preview-card);border:1px solid var(--preview-border);border-radius:10px;min-width:0;height:100%;padding:22px 24px 18px;box-shadow:6px 10px 25px #183b5e0b}.preview-chart-heading{justify-content:space-between;align-items:start;gap:10px;display:flex}.preview-chart-heading h2{color:var(--preview-text);margin:0 0 5px;font-size:clamp(15px,1.4vw,18px)}.preview-chart-heading p{color:var(--preview-muted);margin:0;font-size:11px}.preview-chart-count{white-space:nowrap;color:var(--preview-muted);background:#8fa2be13;border-radius:6px;padding:5px 8px;font-size:10px;font-weight:800}.preview-chart-wrap{flex-direction:column;justify-content:start;display:flex}.preview-chart-figure{width:100%;min-width:0;height:clamp(190px,22vw,265px);margin:12px auto 2px;position:relative}.preview-chart-wrap.horizontal .preview-chart-figure{height:clamp(195px,22vw,265px)}.preview-chart-wrap.vertical .preview-chart-figure{height:clamp(200px,24vw,280px)}.preview-donut-center{pointer-events:none;color:#e02947;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-legend{border-top:1px solid var(--preview-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 12px;padding-top:10px;display:grid}.preview-legend-row{align-items:center;gap:7px;min-width:0;font-size:10px;display:flex}.preview-legend-row i{border-radius:2px;flex:none;width:9px;height:9px;display:block}.preview-legend-row span{white-space:nowrap;text-overflow:ellipsis;color:var(--preview-muted);overflow:hidden}.preview-legend-row strong{color:var(--preview-text);font-variant-numeric:tabular-nums;margin-left:auto}.preview-empty{color:var(--preview-muted);grid-column:1/-1;margin:7px 0;font-size:12px}.preview-footnote{text-align:center;color:var(--preview-muted);padding-top:16px;font-size:10px}.preview-admin{background:0 0;min-height:auto;padding:12px 0}.preview-admin .preview-refresh{top:6px;left:0}.preview-admin .preview-heading{padding-top:28px}.preview-admin .preview-chart-panel{box-shadow:0 5px 18px #183b5e07}.preview-screen .preview-inner{width:min(1460px,100%)}.preview-screen .preview-chart-figure{height:clamp(220px,26vw,330px)}.preview-settings-layout{max-width:1090px}.preview-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.settings-panel{background:var(--surface);box-shadow:var(--raised-small);border:1px solid #fff;border-radius:9px;min-width:0;padding:23px}.settings-panel-wide{grid-column:1/-1}.settings-panel-head{border-bottom:1px solid var(--line);color:var(--blue);align-items:flex-start;gap:11px;margin-bottom:8px;padding-bottom:14px;display:flex}.settings-panel-head h2{margin:0 0 4px;font-size:16px}.settings-panel-head p{color:var(--muted);margin:0;font-size:12px}.settings-panel .field-label{margin-top:15px}.settings-check{color:var(--ink);cursor:pointer;align-items:start;gap:10px;margin-top:18px;font-size:12px;display:flex}.settings-check input{accent-color:#d91e41;flex-shrink:0;width:18px;height:18px;margin-top:1px}.settings-check>span{flex-direction:column;gap:5px;display:flex}.settings-check small{color:var(--muted);font-size:11px;line-height:1.6}.settings-color{align-items:center;gap:10px;margin-top:10px;display:flex}.settings-color input[type=color]{border:1px solid var(--line);background:0 0;border-radius:7px;width:52px;height:42px;padding:2px}.settings-background-swatches{gap:12px;padding-top:17px;display:flex}.settings-bg-swatch{border:2px solid #0000;border-radius:7px;width:52px;height:34px}.settings-bg-swatch.soft{background:#edf3f9}.settings-bg-swatch.white{background:#fff}.settings-bg-swatch.dark{background:#10223e}.settings-bg-swatch.active{outline-offset:3px;outline:2px solid #d82143}.settings-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.match-artwork{width:min(440px,100%);height:clamp(172px,24vw,222px);margin:0 auto 12px;position:relative}.match-artwork-vector{width:100%;height:100%;display:block}.match-artwork-core{color:var(--art-accent);filter:drop-shadow(0 5px 8px #123b641d);place-items:center;width:90px;height:90px;margin-top:-45px;margin-left:-45px;display:grid;position:absolute;top:49%;left:50%;transform:translate(-50%,-50%)}.match-artwork-float{width:42px;height:42px;color:var(--art-accent);background:#fff;border:1px solid #dce7f1;border-radius:9px;place-items:center;display:grid;position:absolute;box-shadow:3px 4px 15px #173b5d1a}.match-artwork-float.float-1{top:33%;left:12%}.match-artwork-float.float-2{top:20%;right:12%}.match-artwork-float.float-3{bottom:14%;right:19%}.result-spotlight{overflow:hidden}.result-spotlight>small{display:block}.result-spotlight h2{font-size:clamp(25px,3.4vw,39px)}.quiz-option.selected{animation:.38s both quiz-pick-pulse}@keyframes quiz-pick-pulse{0%{transform:scale(1)}50%{transform:scale(1.018)}to{transform:scale(1)}}@media (max-width:850px){.preview-stage{align-items:start;min-height:100svh;padding:65px 17px 30px}.preview-visual-grid{grid-template-columns:minmax(0,1fr);gap:16px;max-width:640px;margin:auto}.preview-heading{padding:0 18px}.preview-chart-panel{padding:17px 17px 15px}.preview-chart-figure,.preview-chart-wrap.horizontal .preview-chart-figure,.preview-chart-wrap.vertical .preview-chart-figure{height:240px}.preview-legend{gap:9px 11px}.preview-admin{padding:42px 0 0}.preview-admin .preview-refresh{top:0}.preview-settings-grid{grid-template-columns:1fr}.settings-panel-wide{grid-column:auto}}@media (max-width:420px){.preview-stage{padding-inline:12px}.preview-heading h1{font-size:23px}.preview-heading p{font-size:11px}.preview-attendance{gap:12px;padding:13px 17px}.preview-attendance-icon{width:44px;height:44px}.preview-chart-heading{flex-wrap:wrap}.preview-chart-figure,.preview-chart-wrap.horizontal .preview-chart-figure,.preview-chart-wrap.vertical .preview-chart-figure{height:220px}.preview-legend{grid-template-columns:1fr 1fr}.preview-chart-heading h2{font-size:15px}.preview-chart-panel{padding:15px 12px}.settings-panel{padding:16px}.settings-actions{flex-wrap:wrap}.settings-actions .btn{flex:120px}.match-artwork-float{transform:scale(.82)}}.preview-custom-dark{--preview-text:#eff5ff;--preview-muted:#b7c9dd;--preview-card:#1a2c47;--preview-border:#354962}.landing-stage{--landing-blue:#073a7c;--landing-red:#ec002a;isolation:isolate;min-height:100svh;color:var(--landing-blue);background:radial-gradient(at 47% 60%,#e4f3ff 0%,#f8fbff 58%,#fff 91%);padding:clamp(15px,2.5vh,24px) 20px clamp(44px,7vw,68px);position:relative;overflow:hidden}.landing-stage:before,.landing-stage:after{content:"";z-index:-1;pointer-events:none;opacity:.9;background:linear-gradient(120deg,#d9ebff,#eef6ffcc);border-radius:50%;width:48vw;height:40vw;max-height:640px;position:absolute}.landing-stage:before{top:14vh;left:-29vw;transform:rotate(-17deg)}.landing-stage:after{top:27vh;right:-34vw}.landing-content{z-index:1;flex-direction:column;align-items:center;width:min(1240px,100%);margin-inline:auto;display:flex;position:relative}.landing-logos{justify-content:space-between;align-items:flex-start;width:100%;min-height:75px;display:flex}.landing-logo-danantara{object-fit:contain;width:clamp(105px,15vw,157px);height:auto}.landing-logo-jasindo{object-fit:contain;width:clamp(95px,12vw,137px);height:auto;margin-top:-10px}.landing-intro{text-align:center;width:100%;margin-top:-7px}.landing-kicker{color:var(--landing-red);letter-spacing:-.02em;justify-content:center;align-items:center;gap:14px;font-size:clamp(12px,1.7vw,21px);font-weight:900;display:flex}.landing-intro h1{color:var(--landing-blue);letter-spacing:-.06em;flex-direction:column;align-items:center;margin:9px 0;font-size:clamp(38px,4.9vw,66px);font-style:italic;font-weight:900;line-height:.99;display:flex}.landing-title-blue,.landing-title-red{white-space:nowrap;display:block;position:relative}.landing-title-red{color:var(--landing-red);font-size:1.13em;line-height:1.04}.landing-intro p{color:#244e7e;max-width:620px;margin:13px auto 0;font-size:clamp(13px,1.5vw,19px);font-weight:500;line-height:1.45}.landing-people{width:min(1000px,94%);height:clamp(206px,29vw,366px);margin:-4px auto -7px;position:relative}.landing-people-image{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 8px #3d8dcd0a)}.landing-category-list{z-index:3;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(9px,1.4vw,17px);width:min(1090px,100%);display:grid;position:relative}.landing-category{background:linear-gradient(147deg,#fff 8%,#f5f9ff 98%);border:1px solid #fff;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:91px;padding:12px 5px;display:flex;box-shadow:0 9px 18px #598bcc2a,inset 0 2px 3px #fff}.landing-category strong{color:#0a376d;letter-spacing:-.035em;font-size:clamp(10px,1.15vw,15px);font-weight:900}.landing-cta-wrap{z-index:2;width:min(440px,90%);margin-top:clamp(19px,3.8vh,36px)}.landing-cta{color:#fff;text-align:center;letter-spacing:-.035em;background:linear-gradient(#ff2546 0%,#e8002f 62%,#be002a 100%);border-radius:999px;justify-content:center;align-items:center;gap:16px;width:100%;min-height:65px;padding:14px 23px;font-size:clamp(17px,2.3vw,26px);font-weight:900;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 7px #a700260e,0 12px 23px #b6003540,inset 0 2px 2px #ff9ba0}.landing-cta:hover{transform:translateY(-3px);box-shadow:0 18px 23px #b600354c}.landing-cta:active{transform:translateY(0)}.landing-wave-bottom{pointer-events:none;z-index:0;clip-path:polygon(0 25%,22% 78%,49% 100%,77% 73%,100% 20%,100% 100%,0 100%);background:#064b99;height:clamp(35px,7vw,80px);position:absolute;bottom:-1px;left:0;right:0;overflow:hidden}.landing-wave-bottom:before{content:"";clip-path:polygon(0 25%,23% 80%,53% 100%,77% 74%,100% 10%,100% 52%,77% 99%,50% 100%,20% 97%,0 63%);background:#f00730;position:absolute;inset:-24px -5px 21px}.landing-wave-top{z-index:0;pointer-events:none;clip-path:polygon(0 45%,25% 88%,58% 99%,100% 0,100% 34%,60% 100%,22% 100%,0 80%);opacity:.95;background:linear-gradient(94deg,#f30730,#f30730 30%,#0000 37% 68%,#02a3e7 94%);height:100px;position:absolute;top:62%;left:-10%;right:-10%}@media (min-width:1200px) and (min-height:850px){.landing-people{height:min(37vw,430px)}.landing-category{min-height:115px}}@media (max-width:700px){.landing-stage{padding:20px 15px 65px}.landing-logos{align-items:flex-start;min-height:76px}.landing-logo-danantara{width:102px}.landing-logo-jasindo{width:104px;margin-top:-9px}.landing-intro{margin-top:0}.landing-kicker{white-space:nowrap;gap:10px;font-size:clamp(12px,3.9vw,17px)}.landing-intro h1{margin-top:16px;font-size:clamp(32px,8.6vw,48px);line-height:1.03}.landing-title-red{font-size:1.03em}.landing-intro p{max-width:340px;margin-top:9px;font-size:clamp(11.5px,3.3vw,14px);line-height:1.42}.landing-people{width:calc(100% + 30px);height:clamp(190px,51vw,320px);margin:12px -15px -4px}.landing-category-list{grid-template-columns:repeat(6,minmax(0,1fr));justify-content:center;gap:10px}.landing-category{border-radius:19px;grid-column:span 2;min-height:89px;padding:11px 2px}.landing-category:nth-child(4){grid-column:2/span 2}.landing-category:nth-child(5){grid-column:4/span 2}.landing-category svg{width:32px;height:32px}.landing-category strong{font-size:clamp(11px,3.3vw,14px)}.landing-cta-wrap{width:min(340px,94%);margin-top:23px}.landing-cta{min-height:59px;font-size:clamp(16px,5vw,21px)}.landing-wave-top{top:50%}}@media (max-width:360px){.landing-stage{padding-inline:11px}.landing-intro h1{font-size:29px}.landing-people{height:172px}.landing-category{min-height:79px}.landing-category svg{width:28px;height:28px}.landing-cta{min-height:54px}}.result-company-logo{justify-content:center;align-items:center;min-height:54px;margin:13px auto 2px;display:flex}.result-company-logo img{object-fit:contain;width:auto;max-width:170px;height:62px}.event-preview{--event-text:#103967;--event-muted:#7085a0;--event-card:#fff;--event-border:#e2ecf7;isolation:isolate;width:100%;min-height:100svh;color:var(--event-text);background:radial-gradient(at 50% 28%,#fff 4%,#eef7ff 65%,#e5f2ff 100%);justify-content:center;align-items:center;padding:56px 28px 42px;display:flex;position:relative;overflow:hidden}.event-preview.preview-theme-white{background:#fff}.event-preview.preview-theme-dark,.event-preview.preview-custom-dark{--event-text:#f3f7ff;--event-muted:#b5c9dc;--event-card:#1d3552;--event-border:#3b5875;background:#10233f}.event-preview:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(110deg,#0353a9 18%,#1f96e3 52%,#f50038 74%);border-radius:50% 50% 0 0;height:110px;position:absolute;inset:auto -15% -80px}.event-preview-content{width:min(1160px,100%);margin:0 auto}.event-preview-refresh{z-index:3;background:var(--event-card);border:1px solid var(--event-border);width:40px;height:40px;color:var(--event-text);border-radius:10px;place-items:center;display:grid;position:absolute;top:18px;left:18px;box-shadow:0 4px 15px #0a579b1a}.event-preview-refresh:hover svg{transition:transform .35s;transform:rotate(80deg)}.event-preview-title{text-align:center;margin:0 auto 24px}.event-preview-eyebrow{color:#e82243;letter-spacing:.02em;justify-content:center;align-items:center;gap:12px;font-size:13px;font-weight:900;display:flex}.event-preview-eyebrow span{background:#ec183e;width:44px;height:1px}.event-preview-title h1{color:var(--event-text);letter-spacing:-.055em;margin:8px auto 5px;font-size:clamp(26px,4vw,44px);font-weight:900}.event-preview-title h1 em{color:#ed143a}.event-preview-title p{color:var(--event-muted);margin:0;font-size:13px}.event-preview-total{background:var(--event-card);border:1px solid var(--event-border);border-radius:22px;justify-content:center;align-items:center;gap:17px;width:fit-content;min-width:275px;margin:0 auto 28px;padding:16px 27px;display:flex;box-shadow:0 8px 22px #2864a722,inset 0 2px #fff8}.event-preview-total-icon{color:#f01341;place-items:center;display:grid}.event-preview-total>div{flex-direction:column;gap:3px;display:flex}.event-preview-total>div>span{font-size:13px;font-weight:800}.event-preview-total strong{letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-size:clamp(30px,3vw,43px);font-weight:900;line-height:1}.event-preview-animated .event-preview-total{animation:4.8s ease-in-out infinite event-breathe}.event-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(15px,2vw,26px);display:grid}.event-chart-grid-stacked{grid-template-columns:minmax(0,1fr);max-width:680px;margin:auto}.event-chart-card{background:var(--event-card);border:1px solid var(--event-border);border-radius:17px;min-width:0;padding:21px 22px;box-shadow:0 9px 25px #1c5b9e16}.event-chart-head{justify-content:space-between;align-items:flex-start;gap:9px;display:flex}.event-chart-head h2{color:var(--event-text);margin:0;font-size:17px;font-weight:900}.event-chart-head p{color:var(--event-muted);margin:4px 0 0;font-size:11px}.event-chart-head>span{color:var(--event-muted);white-space:nowrap;background:#93add016;border-radius:8px;padding:5px 8px;font-size:10px}.event-chart-content{align-items:center;gap:16px;min-width:0;display:flex}.event-donut{aspect-ratio:1;flex:none;width:clamp(164px,17vw,218px);position:relative}.event-donut svg{width:100%;height:100%;display:block;overflow:visible}.event-donut-track{fill:none;stroke:#e2eaf4;stroke-width:23px}.event-donut-orbit{color:#82bee433;transform-origin:50%}.event-donut-value{flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:0}.event-donut-value strong{font-variant-numeric:tabular-nums;font-size:clamp(22px,2.5vw,35px);font-weight:900}.event-donut-value span{color:var(--event-muted);font-size:10px;font-weight:700}.event-preview-animated .event-donut-orbit{animation:10s linear infinite event-orbit}.event-preview-animated .event-donut svg{filter:drop-shadow(0 3px 7px #2198e621)}.event-legend{flex:1;gap:10px;min-width:0;display:grid}.event-legend-row{align-items:center;gap:8px;min-width:0;font-size:11px;display:flex}.event-legend-row i{border-radius:50%;flex:none;width:10px;height:10px}.event-legend-row span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.event-legend-row strong{font-variant-numeric:tabular-nums;flex:none;font-weight:900}.event-chart-empty{color:var(--event-muted);text-align:center;margin:4px 0;font-size:11px}.event-preview-error{color:#d92348;text-align:center;margin:14px 0 0;font-size:11px}.event-preview-note{color:var(--event-muted);text-align:center;margin:20px auto 0;font-size:11px}.event-bars{flex-direction:column;justify-content:center;gap:16px;min-height:190px;padding:22px 0 5px;display:flex}.event-bar{grid-template-columns:minmax(90px,1.3fr) minmax(0,2fr) minmax(26px,.2fr);align-items:center;gap:10px;font-size:11px;display:grid}.event-bar-name{text-overflow:ellipsis;white-space:nowrap;font-weight:800;overflow:hidden}.event-bar-track{background:#e6edf7;border-radius:20px;height:14px;overflow:hidden}.event-bar-track span{width:var(--bar-progress);background:var(--bar-color);border-radius:inherit;height:100%;display:block;position:relative;overflow:hidden}.event-bar strong{text-align:right;font-variant-numeric:tabular-nums}.event-bars-vertical{flex-direction:row;align-items:stretch;gap:10px;min-height:210px}.event-bars-vertical .event-bar{flex-direction:column-reverse;flex:1;justify-content:flex-start;display:flex}.event-bars-vertical .event-bar-name{white-space:normal;text-align:center;width:100%;font-size:10px}.event-bars-vertical .event-bar-track{align-items:flex-end;width:clamp(18px,3vw,34px);height:140px;margin:auto;display:flex;position:relative}.event-bars-vertical .event-bar-track span{width:100%;height:var(--bar-progress)}.event-preview-animated .event-bar-track>span:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:35%;animation:3.4s ease-in-out infinite event-shimmer;position:absolute;inset:-80% auto -80% -50%;transform:rotate(25deg)}@keyframes event-orbit{to{transform:rotate(360deg)}}@keyframes event-breathe{50%{box-shadow:0 12px 28px #e60e3524,0 6px 23px #2789d324}}@keyframes event-shimmer{to{left:140%}}.event-preview-admin{min-height:520px;padding:45px 12px 32px}.event-preview-screen .event-preview-content{width:min(1550px,100%)}@media (max-width:980px){.event-chart-content{gap:9px}.event-donut{width:clamp(140px,22vw,190px)}.event-legend-row{font-size:10px}.event-chart-card{padding:17px}}@media (max-width:760px){.event-preview{align-items:flex-start;padding:76px 14px 38px}.event-chart-grid{grid-template-columns:minmax(0,1fr);max-width:630px;margin:0 auto}.event-donut{width:clamp(152px,38vw,210px)}.event-chart-content{gap:17px}.event-preview-title{margin-bottom:20px}}@media (max-width:390px){.event-preview{padding-inline:9px}.event-chart-card{padding:15px 12px}.event-donut{width:140px}.event-legend-row{gap:6px;font-size:10px}.event-preview-total{min-width:238px;padding:14px 20px}.event-preview-title p{font-size:11px}.event-chart-head h2{font-size:15px}}@media (prefers-reduced-motion:reduce){.event-preview-animated .event-donut-orbit,.event-preview-animated .event-preview-total,.event-preview-animated .event-bar-track>span:after{animation:none!important}.landing-cta{transition:none}}.ranking-section .ranking-icon{border-radius:8px;width:82px;min-width:82px;height:48px;padding:4px}@media (max-width:410px){.ranking-section .ranking-icon{width:65px;min-width:65px}.ranking-section .ranking-icon img{max-width:58px}}.event-chart-content:not(:has(.event-legend)){justify-content:center}.ov-dashboard{color:#173a65;flex-direction:column;gap:20px;display:flex}.ov-header{justify-content:space-between;align-items:flex-end;gap:18px;margin:0 0 5px;display:flex}.ov-heading-kicker{color:#e11b40;letter-spacing:.1em;align-items:center;gap:8px;font-size:10px;font-weight:900;display:flex}.ov-kicker-mark{background:#e81941;border-radius:2px;width:18px;height:3px}.ov-heading h1{letter-spacing:-.055em;margin:9px 0 4px;font-size:clamp(26px,2.5vw,34px);font-weight:900;line-height:1.16}.ov-heading h1 span{color:#0871c8}.ov-heading p{color:#70859d;margin:0;font-size:12px;line-height:1.55}.ov-date{color:#8092a8;align-items:center;gap:7px;margin-top:10px;font-size:10px;font-weight:700;display:inline-flex}.ov-header-actions{flex-shrink:0;align-items:center;gap:9px;display:flex}.ov-action-secondary,.ov-action-primary{border:1px solid #dce6f2;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 13px;font-size:11px;font-weight:900;text-decoration:none;display:inline-flex}.ov-action-secondary{color:#245b91;background:#fff}.ov-action-secondary:disabled{opacity:.58}.ov-action-primary{color:#fff;background:#055bac;border-color:#055bac;box-shadow:0 6px 12px #1168bc20}.ov-action-primary:hover{color:#fff;background:#004c96}.ov-icon-spin{animation:1.4s linear infinite ov-spin}@keyframes ov-spin{to{transform:rotate(360deg)}}.ov-warning{color:#875018;background:#fff3e6;border:1px solid #f6c99b;border-radius:8px;margin:0;padding:11px 15px;font-size:11px}.ov-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.ov-kpi{background:#fff;border:1px solid #e5ecf5;border-radius:10px;min-width:0;padding:18px 19px 17px;position:relative;overflow:hidden;box-shadow:0 5px 20px #1b53850b}.ov-kpi:before{content:"";background:#1778d0;width:46px;height:3px;position:absolute;inset:0 auto auto 0}.ov-kpi-red:before{background:#e81941}.ov-kpi-cyan:before{background:#05a4df}.ov-kpi-green:before{background:#23a577}.ov-kpi-top{justify-content:space-between;align-items:flex-start;gap:6px;display:flex}.ov-kpi-top>span:first-child{color:#61748d;font-size:11px;font-weight:800}.ov-kpi-icon{color:#0872c9;background:#e8f2ff;border-radius:8px;flex-shrink:0;place-items:center;width:33px;height:33px;display:grid}.ov-kpi-red .ov-kpi-icon{color:#e71b43;background:#fff0f2}.ov-kpi-cyan .ov-kpi-icon{color:#048cb5;background:#e8faff}.ov-kpi-green .ov-kpi-icon{color:#169767;background:#e9faf2}.ov-kpi>strong{letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin:4px 0 9px;font-size:clamp(25px,2.35vw,35px);font-weight:900;line-height:1.18;display:block}.ov-kpi>p{color:#8092a5;min-height:15px;margin:0;font-size:10px;line-height:1.55}.ov-main-grid{grid-template-columns:minmax(0,1.24fr) minmax(0,1fr);gap:17px;display:grid}.ov-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.ov-bottom-grid{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:17px;display:grid}.ov-panel{background:#fff;border:1px solid #e3ebf5;border-radius:10px;min-width:0;padding:21px 22px;box-shadow:0 5px 21px #1b538509}.ov-panel-heading{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:23px;display:flex}.ov-panel-heading h2{color:#153c6a;letter-spacing:-.025em;margin:0 0 5px;font-size:15px;font-weight:900}.ov-panel-heading p{color:#8494a8;margin:0;font-size:10px;line-height:1.55}.ov-chip{color:#1175c2;white-space:nowrap;background:#eef6ff;border:1px solid #deebfa;border-radius:6px;align-items:center;gap:5px;padding:5px 9px;font-size:10px;font-weight:850;display:inline-flex}.ov-trend-chart{padding:0 0 0 31px;position:relative}.ov-trend-chart svg{width:100%;height:195px;display:block;overflow:visible}.ov-trend-scale{color:#93a1b1;flex-direction:column;justify-content:space-between;align-items:flex-start;width:28px;font-size:10px;display:flex;position:absolute;inset:0 auto 27px 0}.ov-trend-labels{justify-content:space-between;align-items:center;gap:0;margin:5px 0 0;display:flex}.ov-trend-labels span{text-align:center;color:#8998ac;white-space:nowrap;flex:1;font-size:9px}.ov-trend-footer{border-top:1px solid #edf1f7;gap:30px;margin-top:20px;padding-top:15px;display:flex}.ov-trend-footer>div{flex-direction:column;gap:4px;display:flex}.ov-trend-footer span{color:#8090a5;font-size:10px}.ov-trend-footer strong{font-size:19px;font-weight:900}.ov-trend-footer small{color:#8a9aac;font-size:10px;font-weight:600}.ov-distribution-layout{grid-template-columns:minmax(110px,.7fr) minmax(0,1.3fr);align-items:center;gap:20px;display:grid}.ov-donut{aspect-ratio:1;border-radius:50%;width:min(100%,170px);margin:auto;padding:17px;box-shadow:0 7px 17px #2774bc12}.ov-donut-inner{text-align:center;background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.ov-donut-inner strong{letter-spacing:-.055em;font-variant-numeric:tabular-nums;font-size:clamp(19px,2vw,28px);font-weight:900}.ov-donut-inner span{color:#94a3b8;font-size:8px;font-weight:750}.ov-distribution-list{flex-direction:column;gap:12px;min-width:0;display:flex}.ov-distribution-row{min-width:0}.ov-distribution-line{align-items:center;gap:6px;margin-bottom:6px;font-size:10px;display:flex}.ov-color-dot{border-radius:2px;flex-shrink:0;width:8px;height:8px}.ov-distribution-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:780;overflow:hidden}.ov-distribution-line strong{white-space:nowrap;font-size:11px;font-weight:900}.ov-distribution-line small{color:#92a0b1;text-align:right;flex-shrink:0;width:34px}.ov-progress-track{background:#edf3fa;border-radius:15px;height:6px;overflow:hidden}.ov-progress-track>span{border-radius:inherit;background:#0e79cf;height:100%;transition:width .5s;display:block}.ov-muted,.ov-note{color:#8d9baf;margin:4px 0;font-size:10px;line-height:1.5}.ov-profile-columns{grid-template-columns:1.28fr .95fr;gap:24px;display:grid}.ov-profile-columns h3{color:#26527e;margin:0 0 20px;font-size:11px;font-weight:900}.ov-breakdown{flex-direction:column;gap:16px;display:flex}.ov-breakdown-label{color:#516b88;justify-content:space-between;align-items:center;gap:8px;margin-bottom:7px;font-size:10px;display:flex}.ov-breakdown-label>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ov-breakdown-label strong{color:#214566;white-space:nowrap;font-weight:900}.ov-breakdown-label small{color:#9caabb;font-weight:600}.ov-progress-track .ov-progress-red{background:#ed2b4f}.ov-progress-track .ov-progress-blue{background:#0c81d5}.ov-text-link{color:#0977c8;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:3px;font-size:10px;font-weight:900;display:inline-flex}.ov-activity-list{flex-direction:column;display:flex}.ov-activity-row{border-bottom:1px solid #edf2f8;align-items:center;gap:11px;min-width:0;padding:12px 0;display:flex}.ov-activity-row:last-child{border-bottom:0;padding-bottom:0}.ov-activity-row:first-child{padding-top:0}.ov-initial{color:#1469b2;background:#eaf3ff;border-radius:8px;flex:0 0 33px;place-items:center;width:33px;height:33px;font-size:13px;font-weight:900;display:grid}.ov-activity-name{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.ov-activity-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:900;overflow:hidden}.ov-activity-name small{color:#8998aa;font-size:9px;line-height:1.4}.ov-activity-match{color:#0b66b0;text-align:right;background:#edf6ff;border-radius:6px;max-width:130px;padding:6px 8px;font-size:9px;font-weight:800}.ov-setup-stat{border-bottom:1px solid #edf1f7;justify-content:space-between;align-items:center;gap:9px;padding:15px 0;display:flex}.ov-setup-stat>div{color:#516d8e;align-items:center;gap:9px;font-size:11px;font-weight:800;display:flex}.ov-setup-stat svg{color:#0b7bcc}.ov-setup-stat strong{font-variant-numeric:tabular-nums;font-size:18px;font-weight:900}.ov-setup-stat small{color:#94a3b8;font-size:11px;font-weight:600}.ov-setup-actions{gap:7px;margin-top:17px;display:grid}.ov-setup-actions button{color:#125b9c;text-align:left;background:#f1f7fe;border:1px solid #e3edf9;border-radius:7px;align-items:center;gap:8px;padding:9px 11px;font-size:10px;font-weight:850;display:flex}.ov-setup-actions button svg:last-child{margin-left:auto}.ov-disclaimer{color:#8799ae;margin:0 0 5px;font-size:10px;line-height:1.5}.ov-loading,.ov-no-data{color:#607f9f;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:310px;display:flex}.ov-no-data h2{margin:0;font-size:19px}.ov-no-data p{margin:0;font-size:12px}@media (max-width:1260px){.ov-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ov-main-grid,.ov-secondary-grid{grid-template-columns:minmax(0,1fr)}.ov-distribution-layout{grid-template-columns:150px minmax(0,1fr)}.ov-profile-columns{gap:35px}}@media (max-width:860px){.ov-bottom-grid{grid-template-columns:minmax(0,1fr)}.ov-header{flex-wrap:wrap;align-items:flex-start}}@media (max-width:540px){.ov-dashboard{gap:12px}.ov-header{margin-bottom:2px}.ov-heading h1{font-size:27px}.ov-heading p{font-size:11px}.ov-header-actions{width:100%}.ov-header-actions>*{flex:1}.ov-kpi-grid{gap:9px}.ov-kpi{padding:13px}.ov-kpi-top>span:first-child{font-size:10px}.ov-kpi-icon{width:29px;height:29px}.ov-kpi>strong{margin-top:7px;font-size:25px}.ov-kpi>p{font-size:9px}.ov-panel{padding:15px 13px}.ov-panel-heading{margin-bottom:16px}.ov-distribution-layout{grid-template-columns:minmax(100px,.78fr) minmax(0,1.22fr);gap:10px}.ov-donut{padding:12px}.ov-donut-inner strong{font-size:20px}.ov-distribution-line{gap:4px;font-size:9px}.ov-distribution-line small{width:29px}.ov-profile-columns{grid-template-columns:minmax(0,1fr);gap:22px}.ov-profile-columns h3{margin-bottom:12px}.ov-trend-chart svg{height:155px}.ov-trend-labels .ov-tick-hide{visibility:hidden}.ov-activity-match{max-width:90px;font-size:8px}.ov-activity-name small{font-size:8px}}@media (max-width:350px){.ov-distribution-layout{grid-template-columns:1fr}.ov-donut{width:150px}.ov-kpi-top{flex-wrap:wrap-reverse}.ov-activity-row{gap:6px}}@media (prefers-reduced-motion:reduce){.ov-icon-spin{animation:none}.ov-progress-track>span{transition:none}}.ov-security-notice{color:#895d22;background:#fff7e9;border:1px solid #f5dfb7;border-radius:8px;align-items:center;gap:9px;padding:10px 13px;font-size:10px;font-weight:700;line-height:1.55;display:flex}.ov-security-notice svg{flex:none}.ov-trend-labels{overflow:hidden}.admin-sidebar{background:linear-gradient(#eef4fb 0%,#e8eff8 100%);border-right:0;box-shadow:inset -1px 0 #f7fbff,8px 0 24px #c8d4e22e}.admin-sidebar-brand{padding:4px 7px 26px}.sidebar-nav{gap:10px}.sidebar-nav button,.sidebar-bottom button,.sidebar-bottom a{background:linear-gradient(145deg,#f3f7fc,#e8eef6);border:1px solid #f5f8fc;border-radius:12px;min-height:46px;box-shadow:5px 5px 12px #d4dde8,-5px -5px 12px #fff}.sidebar-nav button:hover:not(.active),.sidebar-bottom button:hover,.sidebar-bottom a:hover{background:linear-gradient(145deg,#f6f9fd,#ebf0f7)}.sidebar-nav button.active{background:linear-gradient(145deg,#fff2f5,#f8e6eb);border-color:#f8d8df;box-shadow:inset 2px 2px 8px #eed0d7,inset -2px -2px 8px #fff7f9}.sidebar-bottom{border-top:0;gap:8px;padding-top:18px}.admin-content,.admin-main{background:linear-gradient(#eff4fa 0%,#ebf1f8 100%)}.ov-dashboard{color:#163b67;gap:22px}.ov-action-secondary,.ov-action-primary{background:linear-gradient(145deg,#f3f7fc,#e7eef7);border:1px solid #f7fbff;border-radius:12px;box-shadow:5px 5px 12px #d4dde8,-5px -5px 12px #fff}.ov-action-primary{color:#d91d43}.ov-kpi{background:linear-gradient(145deg,#f4f8fd,#e8eff8);border:1px solid #f7fbff;border-radius:14px;padding:18px 19px 16px;box-shadow:8px 8px 20px #d3dce8,-8px -8px 20px #fff}.ov-kpi:before{border-radius:0 0 6px;width:58px;height:4px}.ov-kpi-icon{background:linear-gradient(145deg,#eef6ff,#dfefff);border-radius:10px;box-shadow:inset 2px 2px 6px #fff,inset -2px -2px 5px #d8e6f4}.ov-kpi>p{min-height:29px}.ov-sparkline{opacity:.95;width:100%;height:34px;margin-top:8px;display:block}.ov-panel{background:linear-gradient(145deg,#f4f8fd,#e8eff8);border:1px solid #f6fbff;border-radius:16px;padding:22px;box-shadow:10px 10px 24px #d4dde8,-10px -10px 24px #fff}.ov-chip{background:linear-gradient(145deg,#f4f8fd,#e8f1fb);border:1px solid #f5f8fc;border-radius:999px;box-shadow:4px 4px 10px #d4dde8,-4px -4px 10px #fff}.ov-trend-chart{padding-left:33px}.ov-trend-chart svg{height:208px}.ov-trend-footer{justify-content:space-between;gap:18px}.ov-donut{box-shadow:10px 10px 24px #d8e3ef,-10px -10px 24px #fff}.ov-donut-inner{background:linear-gradient(145deg,#f5f8fc,#ebf1f8);box-shadow:inset 5px 5px 12px #d7e0ea,inset -5px -5px 12px #fff}.ov-progress-track{background:#e7eef7;height:8px;box-shadow:inset 2px 2px 6px #d6e0ec,inset -2px -2px 6px #fff}.ov-activity-match,.ov-setup-actions button{background:linear-gradient(145deg,#f4f8fd,#e9eff8);border-radius:10px;box-shadow:5px 5px 11px #d8e1eb,-5px -5px 11px #fff}.ov-text-link{background:linear-gradient(145deg,#f4f8fd,#eaf1f9);border-radius:999px;padding:6px 10px;box-shadow:4px 4px 10px #d8e1eb,-4px -4px 10px #fff}.ov-warning{color:#b32b47;background:#fff5f6;border:1px solid #f6d2da;border-radius:12px;margin:0;padding:11px 14px}.event-preview{background:radial-gradient(at 50% 15%,#fff 0%,#eff7ff 56%,#e5f2ff 100%);padding:44px 24px 36px}.event-preview:before{opacity:.98;height:132px;inset:auto -8% -88px}.event-preview-content{width:min(1320px,100%)}.event-preview-title{margin-bottom:20px}.event-preview-title h1{font-size:clamp(28px,4.6vw,56px)}.event-preview-title p{font-size:14px}.event-preview-total{border-radius:26px;min-width:290px;padding:18px 30px}.event-chart-grid{align-items:stretch;gap:clamp(18px,2.2vw,28px)}.event-chart-grid-stacked{max-width:860px}.event-chart-card{border-radius:24px;padding:24px 24px 22px;box-shadow:0 16px 36px #1c5b9e14}.event-chart-head h2{font-size:clamp(18px,2vw,24px)}.event-chart-head p{font-size:12px}.event-chart-head>span{padding:7px 11px;font-size:11px}.event-chart-content{justify-content:center;gap:24px;padding-top:10px}.event-donut{width:clamp(210px,24vw,320px)}.event-donut-track{stroke:#e2edf8;stroke-width:24px}.event-donut-value strong{font-size:clamp(28px,3vw,44px)}.event-donut-value span{font-size:12px}.orbit-alt{opacity:.55}.event-preview-animated .orbit-alt{animation:18s linear infinite reverse event-orbit}.event-legend{gap:12px}.event-legend-row{min-height:28px;font-size:12px}.event-bars{gap:18px;min-height:280px;padding:28px 4px 10px}.event-bar{grid-template-columns:minmax(110px,1.15fr) minmax(0,2.4fr) minmax(36px,.25fr);gap:12px}.event-bar-name,.event-bar strong{font-size:12px}.event-bar-track{background:#e7eef7;height:18px}.event-bars-vertical{min-height:290px}.event-bars-vertical .event-bar-track{width:clamp(28px,3vw,42px);height:190px}.event-preview-note{display:none}@media (max-width:980px){.event-chart-card{padding:20px 18px}.event-donut{width:clamp(184px,32vw,250px)}}@media (max-width:760px){.event-preview{padding:72px 12px 34px}.event-preview-title h1{font-size:34px}.event-chart-card{border-radius:20px}.event-chart-content{flex-direction:column}.event-donut{width:min(250px,68vw)}.event-bars{min-height:220px}}.result-page{position:relative;overflow:hidden}.ov-market-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ov-market-chip{background:linear-gradient(145deg,#f6f9fd,#e8eef7);border:1px solid #f7fbff;border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 16px;display:grid;box-shadow:8px 8px 20px #d5deea,-8px -8px 20px #fff}.ov-market-dot{width:10px;height:10px;box-shadow:0 0 0 5px color-mix(in srgb, currentColor 12%, transparent);border-radius:999px;animation:1.8s ease-in-out infinite ov-dot-pulse}.ov-market-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.ov-market-meta small{text-transform:uppercase;letter-spacing:.08em;color:#6a809a;font-size:10px;font-weight:800}.ov-market-meta strong{color:#14375e;white-space:nowrap;text-overflow:ellipsis;font-size:16px;overflow:hidden}.ov-market-meta span{color:#6e84a0;font-size:11px}.ov-market-icon{background:linear-gradient(145deg,#fbfdff,#eaf1f9);border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 2px 2px 6px #fff,inset -2px -2px 5px #d8e6f4}.ov-trend-line{stroke-dasharray:20 10;filter:drop-shadow(0 6px 10px #1989dd22);animation:8s linear infinite ov-trend-run}.ov-trend-point{animation:2.6s ease-in-out infinite ov-point-glow}.ov-trend-bar{transform-origin:bottom;animation:2.8s ease-in-out infinite ov-bar-pulse}.ov-trend-bar:nth-of-type(2n){animation-delay:.18s}.ov-trend-bar:nth-of-type(3n){animation-delay:.32s}@keyframes ov-trend-run{0%{stroke-dashoffset:180px}to{stroke-dashoffset:0}}@keyframes ov-point-glow{0%,to{filter:drop-shadow(0 0 #0000)}50%{filter:drop-shadow(0 0 6px #1490e3aa)}}@keyframes ov-bar-pulse{0%,to{opacity:.78}50%{opacity:1}}@keyframes ov-dot-pulse{0%,to{opacity:.95;transform:scale(1)}50%{opacity:.72;transform:scale(1.2)}}.event-preview{isolation:isolate;overflow:hidden}.event-preview-led-grid,.event-preview-scanlines,.event-preview-glow{pointer-events:none;position:absolute;inset:0}.event-preview-led-grid{z-index:-3;opacity:.28;background-image:linear-gradient(90deg,#ffffff0e 1px,#0000 1px),linear-gradient(#ffffff0b 1px,#0000 1px);background-size:38px 38px;-webkit-mask-image:radial-gradient(circle,#000 46%,#0000 100%);mask-image:radial-gradient(circle,#000 46%,#0000 100%)}.event-preview-scanlines{z-index:-2;opacity:.22;background:repeating-linear-gradient(#ffffff0b 0 1px,#0000 2px 7px)}.event-preview-glow{z-index:-2;filter:blur(55px);opacity:.72}.event-preview-glow-left{background:radial-gradient(circle,#0ca7ff8a 0%,#0ca7ff0a 65%,#0000 70%);border-radius:999px;width:320px;height:320px;inset:10% auto auto -8%}.event-preview-glow-right{background:radial-gradient(circle,#ff215566 0%,#ff215509 65%,#0000 72%);border-radius:999px;width:360px;height:360px;inset:auto -8% 8% auto}.event-preview.preview-theme-dark,.event-preview.preview-custom-dark{background:radial-gradient(circle at 50% 0,#193d70 0%,#0a1630 50%,#060d1d 100%)}.event-preview.preview-theme-dark .event-chart-card,.event-preview.preview-custom-dark .event-chart-card,.event-preview.preview-theme-dark .event-preview-total,.event-preview.preview-custom-dark .event-preview-total,.event-preview.preview-theme-dark .event-preview-refresh,.event-preview.preview-custom-dark .event-preview-refresh{background:linear-gradient(#0e192feb,#080f1fdb);border-color:#74a2db3d;box-shadow:0 22px 44px #0208147a,inset 0 1px #ffffff0d}.event-preview-ribbon{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex}.event-preview-ribbon span{color:var(--event-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #83b0e23d;border-radius:999px;align-items:center;gap:7px;padding:7px 12px;font-size:11px;font-weight:700;display:inline-flex}.event-live-dot{background:#28e38f;border-radius:999px;width:8px;height:8px;animation:1.8s ease-in-out infinite ov-dot-pulse;box-shadow:0 0 0 6px #28e38f24}.event-preview-total{justify-content:space-between;gap:22px}.event-preview-total-side{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.event-preview-total-side span{color:var(--event-text);opacity:.86;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.event-chart-card{position:relative}.event-chart-card:after{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;background:linear-gradient(145deg,#ffffff2e,#0000 28% 72%,#ffffff0f);padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.event-preview-animated .event-chart-card{animation:4.6s ease-in-out infinite event-float}.event-preview-animated .event-chart-card:nth-child(2){animation-delay:.25s}.event-preview-animated .event-legend-row,.event-preview-animated .event-bar{animation:3.8s ease-in-out infinite event-fade-glow}.event-preview-animated .event-legend-row:nth-child(2n),.event-preview-animated .event-bar:nth-child(2n){animation-delay:.22s}@keyframes event-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes event-fade-glow{0%,to{opacity:.92}50%{opacity:1}}@media (max-width:760px){.event-preview-ribbon{gap:8px}.event-preview-ribbon span{padding:6px 10px;font-size:10px}.event-preview-total{flex-direction:column;align-items:center}.event-preview-total-side{align-items:center}}@media (max-width:980px){.ov-market-strip{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.ov-market-strip{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.ov-market-dot,.ov-trend-line,.ov-trend-point,.ov-trend-bar,.event-preview-animated .event-chart-card,.event-preview-animated .event-legend-row,.event-preview-animated .event-bar,.event-live-dot{animation:none!important}}.landing-kicker{letter-spacing:.035em}.landing-intro h1{letter-spacing:-.055em}.result-heading-eyebrow{color:var(--red);letter-spacing:.09em;font-size:11px;font-weight:900;display:inline-flex}.result-personal-greeting{color:var(--ink-strong)!important;margin:6px 0 5px!important;font-size:clamp(16px,3vw,22px)!important}.result-personal-greeting strong{color:var(--blue);overflow-wrap:anywhere}.result-spotlight .result-company-logo{place-items:center;min-height:90px;margin:13px auto 4px;display:grid}.ranking-section .ranking-icon{border-radius:10px;width:96px;min-width:96px;height:63px}.result-insight-card{color:var(--ink-strong);background:linear-gradient(145deg,#fbfdff,#e9f1fb);border:1px solid #fff;border-radius:12px;margin:26px 0 0;padding:clamp(20px,4vw,30px);box-shadow:9px 9px 20px #d4deea,-8px -8px 20px #fff}.result-insight-head{align-items:center;gap:12px;min-width:0;display:flex}.result-insight-icon{width:45px;height:45px;color:var(--red);box-shadow:var(--raised-small);background:#f4f8fd;border-radius:9px;flex:0 0 45px;place-items:center;display:grid}.result-insight-head div{min-width:0}.result-insight-head div>span{color:var(--red);letter-spacing:.08em;font-size:10px;font-weight:900}.result-insight-head h3{overflow-wrap:anywhere;margin:3px 0 0;font-size:clamp(16px,3vw,21px)}.result-profile-facts{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}.result-profile-facts span{color:#164877;background:#edf4fd;border-radius:7px;align-items:center;gap:6px;padding:8px 11px;font-size:11px;font-weight:800;display:inline-flex;box-shadow:inset 2px 2px 5px #d6e1ee,inset -2px -2px 5px #fff}.result-insight-summary{margin:10px 0 19px;font-size:clamp(13px,2vw,15px);font-weight:550;line-height:1.8}.result-evidence{border-top:1px solid #dce7f2;padding-top:17px}.result-evidence h4{margin:0 0 12px;font-size:12px;font-weight:900}.result-evidence>div{gap:8px;display:grid}.result-evidence>div span{background:#f8fbff;border:1px solid #e1eaf4;border-radius:7px;align-items:flex-start;gap:8px;min-width:0;padding:10px 12px;font-size:12px;line-height:1.5;display:flex}.result-evidence>div svg{color:#128bc1;flex-shrink:0;margin-top:2px}.result-insight-method{color:var(--muted);margin:18px 0 0;font-size:10px;line-height:1.7}.ifg-not-found{background:linear-gradient(145deg,#f6f9fd 15%,#e8eff8 100%);place-items:center;min-height:100svh;padding:22px;display:grid}.ifg-not-found-card{text-align:center;background:#eef3fa;border:1px solid #fff;border-radius:12px;width:min(490px,100%);padding:clamp(30px,7vw,50px) clamp(20px,5vw,42px);box-shadow:11px 11px 27px #d5dee9,-11px -11px 27px #fff}.not-found-mark{width:68px;height:68px;color:var(--blue);box-shadow:var(--raised-small);background:#edf3fb;border-radius:12px;place-items:center;margin:0 auto 20px;display:inline-grid}.not-found-eyebrow{letter-spacing:.12em;color:var(--red);font-size:10px;font-weight:900}.ifg-not-found-card h1{color:#07559e;letter-spacing:-.07em;margin:7px 0 10px;font-size:clamp(76px,20vw,115px);line-height:1}.ifg-not-found-card h2{margin:0 0 12px;font-size:clamp(19px,4vw,24px)}.ifg-not-found-card>p:not(.not-found-eyebrow){color:var(--muted);max-width:340px;margin:0 auto 26px;font-size:13px;line-height:1.7}.ifg-not-found-card .btn{justify-content:center;align-items:center;gap:9px;display:inline-flex}@media (max-width:390px){.result-insight-card{padding:18px 14px}.result-profile-facts span{font-size:10px}.ranking-section .ranking-icon{width:70px;min-width:70px;height:51px}.ranking-section .ranking-icon img{width:60px;height:46px}}.category-manage .category-avatar:has(.category-logo-hd){border-radius:8px;width:106px;height:76px;padding:6px;background:#f9fbff!important}.category-logo-hd{object-fit:contain;width:100%;height:100%;display:block}@media (max-width:340px){.landing-intro h1{font-size:26px}}.result-insight-context{color:#426487;margin:-6px 0 18px;font-size:12px;line-height:1.8}.showcase-preview{--showcase-ink:#102e6b;--showcase-red:#ee1540;isolation:isolate;min-height:100svh;color:var(--showcase-ink);background:#e9f4ff;justify-content:center;align-items:center;padding:clamp(22px,3.5vh,48px) clamp(18px,3.2vw,64px) clamp(22px,3vh,48px);display:flex;position:relative;overflow:hidden}.showcase-scene-background{z-index:-1;background-color:#e9f5ff;background-image:linear-gradient(#ffffff3d,#ffffff14 52%,#fff3),url(/images/preview-stage.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.showcase-theme-uploaded .showcase-scene-background{background-image:linear-gradient(180deg, #ffffff38, #ffffff08 55%, #ffffff26), var(--showcase-upload,url(/api/preview-background)), url(/images/preview-stage.webp)}.showcase-theme-soft .showcase-scene-background{background:linear-gradient(145deg,#f4faff 15%,#dceefa 100%)}.showcase-theme-white .showcase-scene-background{background:#fff}.showcase-theme-dark .showcase-scene-background{background:linear-gradient(160deg,#142f55 0%,#0a172b 100%)}.showcase-theme-custom .showcase-scene-background{background:0 0}.showcase-theme-dark{--showcase-ink:#f5f9ff}.showcase-custom-dark{--showcase-ink:#fff}.showcase-container{z-index:1;width:min(1540px,100%);margin:auto;position:relative}.showcase-brand{grid-template-columns:minmax(130px,1fr) minmax(0,3.5fr) minmax(130px,1fr);align-items:start;gap:18px;padding:0 0 clamp(18px,3vh,36px);display:grid}.showcase-logo{object-fit:contain;object-position:center top;width:100%;max-height:112px}.showcase-logo-danantara{object-position:left top;justify-self:start;max-width:200px;height:75px}.showcase-logo-jasindo{object-position:right top;justify-self:end;max-width:162px;height:96px}.showcase-headline{text-align:center;min-width:0;margin:0 auto;padding:0}.showcase-headline>span{color:var(--showcase-red);letter-spacing:-.075em;text-shadow:0 5px 12px #ffffff80;font-size:clamp(32px,4.6vw,78px);font-style:italic;font-weight:1000;line-height:1.08;display:block}.showcase-headline h1{letter-spacing:-.035em;margin:5px auto 0;font-size:clamp(16px,1.65vw,27px);font-style:italic;font-weight:900;line-height:1.3}.showcase-highlight{background:linear-gradient(145deg,#fffffff2,#f3f8ffe8);border:1.5px solid #fffffffa;border-radius:29px;justify-content:center;align-items:center;gap:clamp(18px,2.5vw,38px);width:min(770px,100%);min-height:126px;margin:0 auto clamp(16px,2.3vh,30px);padding:17px 27px;display:flex;box-shadow:0 12px 40px #3977be21,0 3px 5px #245ba617,inset 0 2px 5px #fff}.showcase-highlight-count,.showcase-highlight-leader{align-items:center;gap:13px;min-width:0;display:flex}.showcase-highlight-count svg{color:var(--showcase-red);flex:none}.showcase-highlight-leader svg{color:#f4a900;flex:none}.showcase-highlight-count span,.showcase-highlight-leader span{opacity:.75;font-size:12px;font-weight:850;line-height:1.3}.showcase-highlight-count strong,.showcase-highlight-leader strong{letter-spacing:-.04em;font-size:clamp(24px,3vw,42px);font-weight:1000;line-height:1.2}.showcase-highlight-count,.showcase-highlight-leader{text-align:center;flex-direction:column;gap:5px}.showcase-highlight-leader strong{overflow-wrap:anywhere;max-width:290px;font-size:clamp(17px,2.5vw,28px)}.showcase-highlight-divider{background:linear-gradient(#0000,#9dbfe7,#0000);flex:none;width:1px;height:65px}.showcase-panels{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(14px,2.2vw,30px);display:grid}.showcase-stacked .showcase-panels{grid-template-columns:minmax(0,1fr);width:min(920px,100%);margin:auto}.showcase-chart-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#fffffff2,#f6faffed);border:1.5px solid #fffffffa;border-radius:32px;min-width:0;padding:clamp(18px,2.5vw,34px);box-shadow:0 12px 35px #376eb52e,inset 0 2px 4px #fff}.showcase-panel-title{align-items:center;gap:15px;margin-bottom:14px;display:flex}.showcase-panel-icon{width:59px;height:59px;color:var(--showcase-red);background:linear-gradient(145deg,#fff1f4,#ffe2e8);border-radius:16px;flex:none;place-items:center;display:grid}.showcase-panel-title h2{letter-spacing:-.06em;margin:0;font-size:clamp(25px,2.8vw,41px);font-weight:1000}.showcase-panel-body{grid-template-columns:minmax(170px,.9fr) minmax(0,1.2fr);align-items:center;gap:clamp(10px,2vw,30px);min-height:260px;display:grid}.showcase-gauge,.showcase-donut{filter:drop-shadow(0 10px 12px #1687d827);width:100%;max-width:275px;margin:0 auto;position:relative}.showcase-gauge svg,.showcase-donut svg{width:100%;height:auto;display:block;overflow:visible}.showcase-gauge-number,.showcase-donut-number{flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex;position:absolute;inset:36% 4% 2%}.showcase-gauge-number strong,.showcase-donut-number strong{letter-spacing:-.07em;font-size:clamp(35px,3.5vw,55px);font-weight:1000;line-height:1.05}.showcase-gauge-number span,.showcase-donut-number span{font-size:clamp(12px,1.2vw,17px);font-weight:850}.showcase-donut{max-width:215px}.showcase-donut-number strong{font-size:clamp(27px,2.7vw,40px)}.showcase-bars{gap:clamp(10px,1.7vh,17px);min-width:0;display:grid}.showcase-bar-row{gap:6px;min-width:0;display:grid}.showcase-bar-meta{align-items:center;gap:7px;min-width:0;font-size:clamp(10px,1vw,13px);display:flex}.showcase-bar-meta strong{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:950;overflow:hidden}.showcase-bar-meta b{flex:none;font-size:clamp(11px,1.3vw,15px)}.showcase-bar-dot{border-radius:50%;flex:none;width:11px;height:11px;box-shadow:0 1px 4px #1675cc30}.showcase-bar-bottom{align-items:center;gap:10px;display:flex}.showcase-bar-bottom>span{text-align:right;min-width:21px;font-size:12px;font-weight:900}.showcase-bar-track{background:#e4eafa;border-radius:999px;flex:1;min-width:0;height:13px;overflow:hidden;box-shadow:inset 1px 2px 3px #cedbeb}.showcase-bar-track>span{border-radius:inherit;height:100%;display:block;position:relative}.showcase-animated .showcase-bar-track>span:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:45%;animation:3.2s ease-in-out infinite showcase-bar-glint;position:absolute;inset:0;transform:translate(-200%)}.showcase-animated .showcase-bar-row:nth-child(2n) .showcase-bar-track>span:after{animation-delay:.6s}.showcase-animated .showcase-gauge-glint{animation:5s linear infinite showcase-gauge-glint}.showcase-columns{align-items:stretch;gap:10px;min-width:0;height:230px;display:flex}.showcase-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;min-width:0;display:flex}.showcase-column strong{font-size:12px}.showcase-column-track{background:#e7effa;border-radius:9px;flex:none;align-items:end;width:clamp(19px,2.6vw,32px);height:156px;display:flex;overflow:hidden}.showcase-column-track span{border-radius:7px;width:100%;display:block}.showcase-column small{text-align:center;overflow-wrap:anywhere;font-size:9px;font-weight:900}.showcase-no-legend{font-size:13px;font-weight:750;line-height:1.8}.showcase-refresh{z-index:3;color:#195687;background:#ffffffd9;border:1px solid #fff;border-radius:12px;place-items:center;width:39px;height:39px;display:grid;position:absolute;top:19px;left:19px;box-shadow:0 5px 16px #16529d22}.showcase-refresh:hover svg{transition:transform .3s;transform:rotate(60deg)}.showcase-connection-warning{text-align:center;color:#c7264c;margin:12px 0 0;font-weight:750}.showcase-loading-core{z-index:3;text-align:center;color:#143b78;background:#fffffff0;border-radius:26px;flex-direction:column;justify-content:center;align-items:center;gap:15px;width:min(370px,100%);margin:auto;padding:45px 28px;display:flex;position:relative;box-shadow:0 12px 35px #305d9c2b}.showcase-loading-core strong{font-size:19px;font-weight:1000}.showcase-loading-core span,.showcase-loading-core p{color:#6b87aa;margin:0;font-size:12px}.showcase-loading-orbit{color:#e71c48;border:5px solid #d4e8fb;border-top-color:#f20e3d;border-radius:50%;place-items:center;width:76px;height:76px;animation:1.3s linear infinite showcase-spin;display:grid}.showcase-loading-orbit svg{animation:1.3s linear infinite showcase-counter-spin}.showcase-preview.is-loading{flex-direction:column;gap:8vh}.showcase-preview.is-loading .showcase-brand{width:min(1400px,100%)}.showcase-theme-dark .showcase-headline,.showcase-custom-dark .showcase-headline{color:#f4f9ff}.showcase-theme-dark .showcase-chart-panel,.showcase-custom-dark .showcase-chart-panel,.showcase-theme-dark .showcase-highlight,.showcase-custom-dark .showcase-highlight{color:#102e6b}@keyframes showcase-spin{to{transform:rotate(360deg)}}@keyframes showcase-counter-spin{to{transform:rotate(-360deg)}}@keyframes showcase-gauge-glint{to{stroke-dashoffset:-100px}}@keyframes showcase-bar-glint{0%{transform:translate(-200%)}55%,to{transform:translate(350%)}}.preview-image-setting{background:#f7fafe;border:1px solid #dce8f3;border-radius:12px;margin:16px 0 18px;padding:14px}.preview-image-setting-heading{flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:12px;display:flex}.preview-image-setting-heading strong{font-size:12px}.preview-image-setting-heading small,.preview-image-hint{color:#66819c;font-size:10px}.preview-image-demo{aspect-ratio:16/9;background-position:50%;background-size:cover;border:1px solid #cfddea;border-radius:9px;margin-bottom:12px}.preview-image-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.preview-image-actions input{width:min(100%,300px);font-size:11px}.preview-image-hint{margin-top:8px;display:block}.settings-bg-swatch.artwork{background:linear-gradient(130deg,#cae8ff 30%,#39a4df 65%,#ed2650 100%)}@media (max-width:1140px){.showcase-brand{grid-template-columns:minmax(110px,1fr) minmax(0,3fr) minmax(110px,1fr)}.showcase-panel-body{grid-template-columns:1fr}.showcase-gauge{max-width:230px}.showcase-donut{max-width:210px}.showcase-bars{width:100%}}@media (max-width:760px){.showcase-preview{align-items:flex-start;padding:68px 14px 24px}.showcase-brand{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.showcase-headline{grid-area:2/1/auto/-1;padding-top:8px}.showcase-logo-danantara{width:135px;height:56px}.showcase-logo-jasindo{width:118px;height:68px}.showcase-headline>span{font-size:clamp(28px,7vw,43px)}.showcase-headline h1{font-size:clamp(12px,3.5vw,20px)}.showcase-highlight{border-radius:18px;gap:14px;min-height:94px;padding:12px}.showcase-highlight-count svg,.showcase-highlight-leader svg{width:19px;height:19px}.showcase-highlight-count span,.showcase-highlight-leader span{font-size:10px}.showcase-highlight-count strong{font-size:26px}.showcase-highlight-leader strong{font-size:15px}.showcase-panels{grid-template-columns:minmax(0,1fr);gap:14px}.showcase-chart-panel{border-radius:21px;padding:16px}.showcase-panel-title h2{font-size:24px}.showcase-panel-icon{border-radius:12px;width:42px;height:42px}.showcase-panel-icon svg{width:21px;height:21px}.showcase-panel-body{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-height:0}.showcase-gauge{width:100%;max-width:180px}.showcase-donut{max-width:150px}.showcase-gauge-number strong{font-size:28px}.showcase-gauge-number span,.showcase-bar-meta{font-size:11px}.showcase-bar-bottom>span{font-size:10px}.showcase-bar-track{height:10px}.showcase-columns{height:180px}.showcase-column-track{height:115px}}@media (max-width:390px){.showcase-preview{padding-left:9px;padding-right:9px}.showcase-panel-body{gap:9px}.showcase-gauge{max-width:134px}.showcase-donut{max-width:130px}.showcase-bar-meta{gap:4px;font-size:9px}.showcase-bar-dot{width:8px;height:8px}.showcase-bar-bottom{gap:4px}.showcase-panel-title{margin-bottom:8px}.showcase-columns{gap:4px}.showcase-column-track{width:16px}}.result-stars{pointer-events:none;z-index:2;height:300px;position:absolute;top:0;left:0;right:0;overflow:hidden}.result-stars>span{left:var(--star-x);top:var(--star-y);color:var(--star-color);opacity:0;filter:drop-shadow(0 1px 7px #ffffffae);animation:result-star-twinkle var(--star-duration) ease-in-out var(--star-delay) infinite;position:absolute;transform:translate(-50%,-50%)scale(.25)}.result-stars>span svg{fill:color-mix(in srgb, var(--star-color) 17%, transparent)}@keyframes result-star-twinkle{0%,to{opacity:0;transform:translate(-50%,-50%)scale(.25)rotate(-20deg)}40%{opacity:1;transform:translate(-50%,-50%)scale(1.25)rotate(10deg)}70%{opacity:.64;transform:translate(-50%,-50%)scale(.75)rotate(26deg)}}@media (prefers-reduced-motion:reduce){.showcase-loading-orbit,.showcase-loading-orbit svg,.showcase-gauge-glint,.showcase-bar-track>span:after,.result-stars>span{animation:none!important}.result-stars>span{opacity:.36;transform:translate(-50%,-50%)scale(.8)}}@media (min-width:1900px){.showcase-screen .showcase-container{width:min(1960px,100%)}.showcase-screen .showcase-panel-body{min-height:370px}.showcase-screen .showcase-gauge{max-width:365px}.showcase-screen .showcase-headline>span{font-size:94px}.showcase-screen .showcase-bar-meta{font-size:17px}.showcase-screen .showcase-bar-track{height:17px}}.landing-kicker-art{justify-content:center;align-items:center;width:100%;display:flex}.landing-brand-art{object-fit:contain;width:clamp(230px,35vw,470px);max-width:88vw;height:auto;display:block}.showcase-brand-art{object-fit:contain;filter:drop-shadow(0 3px 10px #ffffffad);width:min(100%,575px);height:auto;margin:0 auto;display:block}.showcase-preview .showcase-scene-background{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden;background:0 0!important}.showcase-backdrop-image{object-fit:cover;object-position:center center;width:100%;height:100%;inset:0;position:absolute!important}.showcase-backdrop-artwork{z-index:0}.showcase-backdrop-upload{z-index:1}.showcase-backdrop-softwash{z-index:2;background:linear-gradient(#ffffff0d,#0000 55%,#ffffff14);position:absolute;inset:0}.showcase-theme-artwork,.showcase-theme-uploaded{background:#e9f4ff}.showcase-theme-soft{background:linear-gradient(145deg,#f4faff 15%,#dceefa 100%)}.showcase-theme-white{background:#fff}.showcase-theme-dark{background:linear-gradient(160deg,#142f55 0%,#0a172b 100%)}.showcase-donut{filter:drop-shadow(0 12px 16px #187bd331);width:100%;max-width:305px;margin:0 auto}.showcase-donut-number{inset:0}.showcase-donut-number strong{font-size:clamp(39px,3.9vw,60px);line-height:1.05}.showcase-donut-number span{font-size:13px}@media (max-width:1140px){.showcase-donut{max-width:250px}}@media (max-width:760px){.landing-brand-art{width:min(82vw,345px)}.showcase-brand-art{width:min(86vw,410px)}.showcase-donut{max-width:205px}.showcase-donut-number strong{font-size:35px}}@media (max-width:390px){.landing-brand-art{width:min(84vw,295px)}.showcase-donut{max-width:168px}.showcase-donut-number strong{font-size:29px}}@media (min-width:761px){.showcase-chart-panel:has(.showcase-donut) .showcase-panel-body{grid-template-columns:minmax(210px,1fr) minmax(0,1.15fr)}}@media (max-width:760px){.showcase-chart-panel:has(.showcase-donut) .showcase-panel-body{grid-template-columns:minmax(0,1fr);gap:18px}:is(.showcase-chart-panel:has(.showcase-donut) .showcase-bars,.showcase-chart-panel:has(.showcase-donut) .showcase-columns){width:100%}.showcase-donut{max-width:min(260px,76vw)}}@media (max-width:390px){.showcase-donut{max-width:min(225px,73vw)}}.showcase-preview{background-position:50%;background-repeat:no-repeat;background-size:cover;overflow:clip auto}.showcase-preview.showcase-theme-artwork,.showcase-preview.showcase-theme-uploaded{background-color:#e9f4ff}.showcase-preview .showcase-scene-background{z-index:0;pointer-events:none;position:absolute;inset:0;background:0 0!important}.showcase-preview .showcase-backdrop-softwash{z-index:0;background:linear-gradient(#ffffff0e,#0000 24% 70%,#ffffff0b);position:absolute;inset:0}.showcase-preview .showcase-container,.showcase-preview .showcase-loading-core,.showcase-preview>.showcase-brand{z-index:1}.landing-logos{z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-start;width:auto;min-height:0;display:flex;position:absolute;top:4px;left:clamp(8px,1.6vw,24px);right:clamp(8px,1.6vw,24px)}.landing-logo-danantara{object-fit:contain;object-position:left top;width:clamp(118px,13vw,204px);height:auto;margin:0}.landing-logo-jasindo{object-fit:contain;object-position:right top;width:clamp(104px,11vw,172px);height:auto;margin:0}.showcase-corner-logos{z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:4px;left:clamp(8px,1.6vw,24px);right:clamp(8px,1.6vw,24px)}.showcase-corner-logos .showcase-logo{object-fit:contain;object-position:top center;width:auto;height:auto;max-height:none;margin:0}.showcase-corner-logos .showcase-logo-danantara{object-position:top left;width:clamp(118px,13vw,204px)}.showcase-corner-logos .showcase-logo-jasindo{object-position:top right;width:clamp(104px,11vw,170px)}.showcase-preview .showcase-brand{flex-direction:column;justify-content:center;align-items:center;gap:0;padding:clamp(42px,4.6vw,74px) 0 clamp(17px,2vw,30px);display:flex}.showcase-preview .showcase-headline{text-align:center;flex-direction:column;align-items:center;max-width:860px;display:flex}.showcase-preview.is-loading>.showcase-brand{padding-top:110px}.showcase-highlight{grid-template-columns:minmax(0,.85fr) 1px minmax(0,1.15fr);align-items:center;gap:clamp(15px,2.8vw,36px);width:min(790px,100%);min-height:122px;margin:0 auto clamp(16px,2.4vh,30px);padding:17px clamp(18px,3vw,35px);display:grid}.showcase-highlight-count,.showcase-highlight-leader{text-align:left;flex-direction:row;justify-content:center;align-items:center;gap:clamp(10px,1.6vw,20px);min-width:0;display:flex}.showcase-highlight-icon{color:#ea133d;background:linear-gradient(150deg,#fff3f5,#ffe0e7);border-radius:16px;flex:none;place-items:center;width:clamp(57px,5.6vw,78px);height:clamp(57px,5.6vw,78px);display:grid;box-shadow:0 6px 18px #f12c4a15}.showcase-highlight-leader .showcase-highlight-icon{color:#f5ab00;background:linear-gradient(145deg,#fff8e3,#ffefd0)}.showcase-highlight-text{flex-direction:column;justify-content:center;gap:3px;min-width:0;display:flex}.showcase-highlight .showcase-highlight-text>span{color:#153d78;opacity:1;font-size:clamp(12px,1.35vw,17px);font-weight:900}.showcase-highlight .showcase-highlight-text>strong{color:#092e73;letter-spacing:-.055em;overflow-wrap:anywhere;max-width:300px;font-size:clamp(25px,3vw,41px);font-weight:1000;line-height:1.1}.showcase-highlight-leader .showcase-highlight-text>strong{font-size:clamp(19px,2.2vw,29px)}.showcase-highlight-divider{background:linear-gradient(#0000,#aac5e9,#0000);width:1px;height:68px}.showcase-donut{width:100%;max-width:315px;margin:auto}.showcase-donut svg{width:100%;height:auto;overflow:visible}.showcase-donut-number{display:none!important}.showcase-panel-body{grid-template-columns:minmax(220px,1fr) minmax(0,1.1fr)}.showcase-fullscreen{z-index:30;color:#1d5384;cursor:pointer;background:#ffffffe6;border:1px solid #d8e7f5;border-radius:8px;place-items:center;width:34px;height:34px;padding:0;transition:transform .2s,background-color .2s;display:grid;position:fixed;bottom:12px;right:12px;box-shadow:0 5px 16px #17498230}.showcase-fullscreen:hover{background:#fff;transform:scale(1.05)}.showcase-fullscreen:focus-visible{outline-offset:2px;outline:3px solid #ed1f42}.showcase-preview:fullscreen .showcase-fullscreen{position:absolute}@media (max-width:1140px){.showcase-donut{max-width:265px}.showcase-panel-body{grid-template-columns:minmax(180px,1fr) minmax(0,1.05fr)}}@media (max-width:760px){.landing-stage{padding-top:5px}.landing-logos{top:4px;left:9px;right:9px}.landing-logo-danantara{width:108px}.landing-logo-jasindo{width:102px;margin-top:0}.landing-content{padding-top:77px}.showcase-preview{padding:3px 12px 25px}.showcase-corner-logos{top:4px;left:9px;right:9px}.showcase-corner-logos .showcase-logo-danantara{width:110px}.showcase-corner-logos .showcase-logo-jasindo{width:100px}.showcase-preview .showcase-brand{padding:92px 0 20px}.showcase-highlight{border-radius:17px;grid-template-columns:minmax(0,.82fr) 1px minmax(0,1.18fr);gap:10px;min-height:98px;padding:12px}.showcase-highlight-count,.showcase-highlight-leader{text-align:left;flex-direction:row;justify-content:flex-start;gap:9px}.showcase-highlight-icon{border-radius:11px;width:45px;height:45px}.showcase-highlight-icon svg{width:27px;height:27px}.showcase-highlight .showcase-highlight-text>span{font-size:11px}.showcase-highlight .showcase-highlight-text>strong{font-size:clamp(22px,5vw,28px)}.showcase-highlight-leader .showcase-highlight-text>strong{font-size:clamp(14px,4vw,21px)}.showcase-highlight-divider{height:54px}.showcase-chart-panel:has(.showcase-donut) .showcase-panel-body{grid-template-columns:minmax(0,1fr)}.showcase-donut{max-width:260px}}@media (max-width:390px){.showcase-highlight{gap:6px;padding:10px 8px}.showcase-highlight-count,.showcase-highlight-leader{gap:5px}.showcase-highlight-icon{width:37px;height:40px}.showcase-highlight-icon svg{width:23px;height:23px}.showcase-highlight .showcase-highlight-text>strong{font-size:23px}.showcase-highlight-leader .showcase-highlight-text>strong{font-size:15px}.showcase-donut{max-width:228px}}@media (prefers-reduced-motion:reduce){.showcase-fullscreen{transition:none}}.showcase-preview{isolation:isolate;background-image:url(/images/preview-stage.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;position:relative}.showcase-preview .showcase-scene-background{pointer-events:none;width:100%;height:100%;display:block;overflow:hidden;z-index:0!important;background:0 0!important;position:absolute!important;inset:0!important}.showcase-preview .showcase-scene-background .showcase-backdrop-image{object-fit:cover;object-position:center center;opacity:1;visibility:visible;width:100%;max-width:none;height:100%;display:block;position:absolute;inset:0}.showcase-preview .showcase-scene-background .showcase-backdrop-artwork{z-index:0}.showcase-preview .showcase-scene-background .showcase-backdrop-upload{z-index:1}.showcase-preview .showcase-scene-background .showcase-backdrop-softwash{z-index:2;opacity:1;background:linear-gradient(#ffffff04,#ffffff1a 45%,#ffffff06);position:absolute;inset:0}.showcase-preview .showcase-scene-dark .showcase-backdrop-softwash{background:#06172f40}.showcase-preview .showcase-scene-white .showcase-backdrop-softwash{background:#ffffff30}.showcase-preview .showcase-scene-soft .showcase-backdrop-softwash{background:#edf7ff1c}.showcase-preview .showcase-scene-custom .showcase-backdrop-softwash{background:color-mix(in srgb, var(--preview-custom-tint,#eef3f9) 20%, transparent)}.showcase-preview .showcase-container,.showcase-preview>.showcase-brand,.showcase-preview .showcase-loading-core{z-index:3;position:relative}.showcase-preview .showcase-corner-logos{z-index:5}.showcase-preview .showcase-fullscreen{z-index:20}.result-stars{z-index:2;pointer-events:none;height:min(95svh,690px);position:absolute;top:0;left:0;right:0;overflow:hidden}.result-stars>span{left:var(--star-x);opacity:0;animation:result-star-fall var(--star-duration) linear var(--star-delay) infinite;will-change:transform, opacity;top:-28px;transform:translate(0,0)scale(.35)rotate(-20deg)}@keyframes result-star-fall{0%{opacity:0;transform:translateY(-10px)scale(.25)rotate(-30deg)}10%{opacity:.95;transform:translate(2px,60px)scale(.92)rotate(10deg)}58%{opacity:.98;transform:translate3d(var(--star-drift), 340px, 0) scale(1) rotate(155deg)}87%{opacity:.42}to{transform:translate3d(calc(var(--star-drift) * 1.6), min(95svh, 710px), 0) scale(.18) rotate(270deg);opacity:0}}.result-brand-title{object-fit:contain;width:min(100%,340px);height:auto;margin:0 auto 4px;display:block}.result-spotlight .result-company-logo{min-height:62px;margin:8px auto 1px}.result-company-logo img{object-fit:contain;width:min(164px,100%);height:64px}.ranking-section .ranking-icon{width:72px;min-width:72px;height:49px}.ranking-section .ranking-icon img{object-fit:contain;width:61px;height:39px}.match-artwork{max-width:350px;margin-left:auto;margin-right:auto}.date-picker-field{width:100%;min-width:0;display:flex;position:relative}.date-picker-field .date-of-birth-input{box-sizing:border-box;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;appearance:none;width:100%;min-width:0;max-width:100%;min-height:50px;padding:10px 48px 10px 13px;font-size:16px;line-height:normal;display:block}.date-picker-field .date-of-birth-input::-webkit-date-and-time-value{text-align:left;min-height:1.2em;line-height:1.35}.date-picker-field .date-of-birth-input::-webkit-datetime-edit{padding:0}.date-picker-field .date-of-birth-input::-webkit-calendar-picker-indicator{opacity:0;width:0;margin:0;padding:0}.date-picker-action{z-index:1;color:#1268b2;cursor:pointer;background:#e9f2fc;border:0;border-radius:7px;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:5px;right:6px}.date-picker-action:focus-visible{outline-offset:1px;outline:2px solid #1e92e3}@media (max-width:760px){.landing-logos,.showcase-corner-logos{top:12px;left:12px;right:12px}.landing-logo-danantara,.showcase-corner-logos .showcase-logo-danantara{width:56px}.landing-logo-jasindo,.showcase-corner-logos .showcase-logo-jasindo{width:52px}.landing-content,.showcase-preview .showcase-brand{padding-top:66px}.profile-card .form-columns{grid-template-columns:minmax(0,1fr);gap:18px}.result-brand-title{width:min(83vw,275px)}.result-spotlight{padding:24px 16px}.match-artwork{max-width:min(270px,88%)}.match-artwork-core svg{max-width:46px;max-height:46px}.match-artwork-float svg{max-width:20px;max-height:20px}.result-company-logo img{width:min(148px,100%);height:55px}.result-spotlight .result-company-logo{min-height:55px}.ranking-section .ranking-icon{width:65px;min-width:65px;height:44px}.ranking-section .ranking-icon img{width:55px;height:35px}.result-stars{height:min(90svh,565px)}}@media (max-width:390px){.date-picker-field .date-of-birth-input{padding-left:10px;padding-right:44px}.date-picker-action{width:37px}}@media (prefers-reduced-motion:reduce){.result-stars>span{opacity:0!important;animation:none!important}}.landing-stage{background:#f7fbff}.landing-stage:before{opacity:.86;pointer-events:none;z-index:-2;background-image:linear-gradient(#ffffffeb 0%,#ffffffb0 24%,#ffffff5c 61%,#ffffffbd 88%),url(/images/preview-stage.webp);background-position:50%,bottom;background-repeat:no-repeat;background-size:cover;border-radius:0;width:100%;height:100%;max-height:none;position:absolute;inset:0;transform:none}.landing-stage:after{filter:blur(22px);opacity:.72;z-index:-1;background:radial-gradient(circle,#ffffffce 8%,#b9e3ff66 48%,#0000 72%);border-radius:50%;width:min(500px,45vw);height:min(500px,45vw);max-height:none;inset:-80px -6% auto auto;transform:none}.landing-category{background:linear-gradient(155deg,#fff,#f0f7ff);border:1px solid #fffffff5;transition:transform .25s,box-shadow .25s;box-shadow:8px 10px 24px #1860aa29,inset 0 2px 3px #fff}.landing-category:hover{transform:translateY(-3px);box-shadow:8px 14px 28px #1860aa38}.landing-people-image{filter:drop-shadow(0 18px 20px #184b922b)}.landing-cta{box-shadow:0 12px 28px #ce00334a,inset 0 2px 2px #ffffff73}@media (max-width:700px){.landing-stage:before{opacity:.78;background-position:50%,50% 60%;background-size:cover,auto 100%}.landing-category{border-radius:12px}}.brand-art{align-items:center;width:100%;min-width:0;max-width:206px;padding:0 3px;display:flex}.brand-art-image{object-fit:contain;width:100%;height:auto;max-height:54px;display:block}.admin-sidebar-brand:has(.brand-art){justify-content:center}.login-logo-only{justify-content:center;width:100%;margin:0 auto 25px}.login-brand-image{object-fit:contain;width:min(100%,300px);height:auto;display:block}.profile-brand-art{object-fit:contain;width:min(82%,300px);height:auto;margin:0 auto 16px;display:block}.rounded-donut{aspect-ratio:1;width:min(100%,210px);margin:auto;position:relative}.rounded-donut svg{filter:drop-shadow(0 7px 13px #19599e1c);width:100%;height:100%;display:block}.ov-donut-graph{border-radius:0;box-shadow:none!important;background:0 0!important;padding:0!important}@media (max-width:540px){.rounded-donut{width:min(100%,165px)}}.one-answer-setting{border-top:1px solid #dce5f0;margin-top:15px;padding-top:15px}.device-privacy-note{color:#6b8199;align-items:flex-start;gap:9px;margin:14px 0 0;font-size:11px;line-height:1.6;display:flex}.device-privacy-note svg{color:#1171b5;flex:none;margin-top:2px}.device-blocked-panel{text-align:center;box-shadow:var(--raised);color:#244d72;background:#f5f9fe;border:1px solid #fff;border-radius:13px;padding:34px 25px}.device-blocked-panel svg{color:#1380ca;margin-bottom:9px}.device-blocked-panel h2{margin:8px auto 14px;font-size:21px}.device-blocked-panel p{max-width:440px;margin:0 auto;font-size:13px;line-height:1.7}@media (prefers-reduced-motion:reduce){.landing-category{transition:none}}.landing-stage:before{display:none}.landing-artwork-backdrop{z-index:0;pointer-events:none;background-image:linear-gradient(#ffffffe8 0%,#ffffffb5 26%,#ffffff6b 62%,#ffffffc7 92%),url(/images/preview-stage.webp);background-position:50%,bottom;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.landing-content{z-index:2}.landing-logos{z-index:4}.landing-wave-bottom,.landing-wave-top{z-index:1}@media (max-width:700px){.landing-artwork-backdrop{background-position:50%,50% 58%;background-size:cover,auto 100%}}.ov-heading-kicker,.ov-kicker-mark{display:none!important}.ov-heading h1{letter-spacing:-.038em;margin-top:0;font-size:clamp(27px,2.45vw,34px)}.ov-heading p{max-width:560px;font-size:12px}.ov-dashboard{gap:clamp(13px,1.7vw,20px)}.ov-market-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.ov-market-chip{background:linear-gradient(145deg,#f9fcff,#eaf1f9);border:1px solid #fff;border-radius:12px;grid-template-columns:4px minmax(0,1fr) 28px;min-width:0;min-height:91px;padding:15px 16px;box-shadow:6px 8px 17px #cbd7e555,-5px -5px 13px #fff}.ov-market-chip .ov-market-dot{opacity:.88;width:4px;height:57px;box-shadow:none;border-radius:6px;animation:none}.ov-market-chip .ov-market-meta{gap:3px}.ov-market-chip .ov-market-meta small{color:#70859b;letter-spacing:.07em;font-size:9px}.ov-market-chip .ov-market-meta strong{color:#163e68;letter-spacing:-.02em;font-size:clamp(13px,1.17vw,17px)}.ov-market-chip .ov-market-meta span{font-size:10px;line-height:1.35}.ov-market-chip .ov-market-icon{width:28px;height:28px;box-shadow:none;background:#e8f1fa}.ov-market-chip .ov-market-icon svg{width:16px;height:16px}.ov-kpi-grid{gap:12px}.ov-kpi{background:linear-gradient(145deg,#f9fbfe,#edf3fa);border:1px solid #fff;border-radius:12px;min-height:154px;padding:18px 19px 13px;box-shadow:6px 8px 17px #cbd7e555,-5px -5px 13px #fff}.ov-kpi:before{opacity:.6;width:100%;height:2px}.ov-kpi>strong{margin:4px 0 5px;font-size:clamp(25px,2.15vw,34px)}.ov-kpi>p{min-height:16px;font-size:10px}.ov-kpi-icon{border-radius:9px;width:32px;height:32px}.ov-sparkline{opacity:.72;height:29px;margin-top:11px}.ov-trend-chart{min-width:0;padding:0 0 0 29px;position:relative}.ov-trend-canvas{min-width:0;position:relative}.ov-trend-chart .ov-trend-canvas svg{touch-action:pan-y;width:100%;height:clamp(170px,18vw,224px);display:block;overflow:visible}.ov-trend-chart .ov-trend-gridline{stroke:#dbe7f3;stroke-width:1px;stroke-dasharray:3 7;opacity:.85}.ov-trend-chart .ov-trend-line.rev19-line{filter:none;stroke-dasharray:none!important;stroke-width:2.4px!important;animation:none!important}.ov-trend-chart .ov-trend-area.rev19-area{opacity:1;animation:none!important}.ov-trend-crosshair{stroke:#0b80d1;stroke-width:1px;stroke-dasharray:5 6;opacity:.65}.ov-trend-hit-area{cursor:crosshair;outline:none}.ov-trend-hit-area:focus-visible{stroke:#0b80d1;stroke-width:2px;stroke-dasharray:7 6}.ov-trend-scale{inset:15px auto 48px 0}.ov-trend-labels{margin-top:2px}.ov-trend-tooltip{z-index:3;color:#fff;text-align:center;pointer-events:none;font-variant-numeric:tabular-nums;background:#133b6b;border:1px solid #fffffff2;border-radius:9px;gap:4px;width:max-content;min-width:111px;padding:9px 13px;display:grid;position:absolute;top:2px;transform:translate(-50%);box-shadow:0 10px 25px #144b8744}.ov-trend-tooltip span{color:#b9d7f2;font-size:10px;font-weight:700}.ov-trend-tooltip strong{color:#fff;font-size:13px}.ov-trend-help{text-align:right;color:#8294ab;margin:8px 0 0;font-size:10px}.ov-trend-footer{margin-top:13px;padding-top:12px}.landing-brand-art{width:clamp(330px,52.5vw,705px);max-width:calc(100vw - 30px)}.showcase-brand-art{width:min(100%,860px)}.login-brand-image{width:min(100%,450px);max-height:116px;margin-inline:auto}.login-logo-only{margin-bottom:18px}.profile-brand-art{width:min(95%,450px);margin-bottom:20px}.result-brand-title{width:min(100%,510px)}.brand-art{max-width:min(100%,309px)}.brand-art-image{max-height:81px}.admin-sidebar{flex-basis:278px;width:278px}.admin-sidebar-brand:has(.brand-art){padding-left:1px;padding-right:1px}@media (min-width:1020px){.admin-sidebar{flex-basis:292px;width:292px}}@media (max-width:1019px){.admin-sidebar{flex-basis:256px;width:256px}}.landing-logos,.showcase-corner-logos{top:18px;left:18px;right:18px}.landing-logo-danantara,.showcase-corner-logos .showcase-logo-danantara{width:clamp(74px,8.125vw,128px);height:auto}.landing-logo-jasindo,.showcase-corner-logos .showcase-logo-jasindo{width:clamp(65px,6.875vw,108px);height:auto}.login-card{text-align:center;width:min(540px,100%);padding:clamp(25px,3.4vw,35px)}.login-card h1,.login-card .login-intro{text-align:center}.login-card form{text-align:center;max-width:390px;margin:0 auto}.login-card form .field-label{text-align:center;margin-bottom:11px}.login-card .password-input .input{text-align:center;padding-left:53px;padding-right:53px;font-size:14px}.login-card .password-input>button{right:10px}.login-card form>.btn{justify-content:center}.showcase-preview .showcase-highlight{border-radius:22px;grid-template-columns:minmax(0,.91fr) 1px minmax(0,1.09fr);gap:clamp(10px,2vw,23px);width:min(635px,100%);min-height:172px;padding:26px clamp(16px,2.7vw,31px)}.showcase-preview .showcase-highlight-icon{width:clamp(64px,6vw,82px);height:clamp(64px,6vw,82px)}.showcase-preview .showcase-highlight-divider{height:92px}.showcase-preview .showcase-highlight-count,.showcase-preview .showcase-highlight-leader{gap:clamp(9px,1vw,15px)}.showcase-preview .showcase-fullscreen{opacity:.4;transition:opacity .2s,transform .2s,background-color .2s}.showcase-preview .showcase-fullscreen:hover,.showcase-preview .showcase-fullscreen:focus-visible{opacity:1}.flow-page,.quiz-page,.result-page{isolation:isolate;background-color:#edf6ff;background-image:linear-gradient(#fbfdfff0 0%,#eef7ffdb 48%,#fafcfff0 100%),url(/images/preview-stage.webp);background-position:50%,50%;background-repeat:no-repeat;background-size:cover}.flow-card,.quiz-card,.result-spotlight,.ranking-card,.device-blocked-panel{-webkit-backdrop-filter:blur(11px);background:#f6faffeb}@media (max-width:760px){.landing-brand-art{width:min(94vw,510px)}.showcase-brand-art{width:min(95vw,615px)}.result-brand-title{width:min(94vw,415px)}.landing-logo-danantara,.showcase-corner-logos .showcase-logo-danantara{width:70px}.landing-logo-jasindo,.showcase-corner-logos .showcase-logo-jasindo{width:65px}.landing-logos,.showcase-corner-logos{top:12px;left:12px;right:12px}.landing-content{padding-top:86px}.showcase-preview .showcase-brand{padding-top:80px}.showcase-preview .showcase-highlight{min-height:155px;padding:22px 13px}.showcase-preview .showcase-highlight-icon{border-radius:13px;width:52px;height:52px}.showcase-preview .showcase-highlight-icon svg{width:30px;height:30px}.showcase-preview .showcase-highlight-divider{height:83px}.ov-market-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ov-market-chip{gap:7px;min-height:82px;padding:11px 10px}.ov-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ov-trend-chart .ov-trend-canvas svg{height:170px}.ov-trend-help{font-size:9px}}@media (max-width:390px){.landing-brand-art{width:min(94vw,440px)}.login-card .password-input .input{font-size:16px}.showcase-preview .showcase-highlight{gap:8px;min-height:148px}.showcase-preview .showcase-highlight .showcase-highlight-text>strong{font-size:clamp(17px,5vw,24px)}.showcase-preview .showcase-highlight .showcase-highlight-text>span{font-size:11px}.ov-market-strip{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.ov-market-chip,.ov-kpi{animation:none!important}}#app{flex-direction:column;min-height:100dvh;display:flex}#app>main:not(.showcase-preview){min-height:calc(100dvh - 78px)}#app>.landing-stage{min-height:calc(100svh - 78px)}.ifg-entity-footer{isolation:isolate;z-index:4;background:linear-gradient(100deg,#f7fbfff5,#e3f1fef0,#fafcfff7);border-top:1px solid #8bb1d833;width:100%;padding:10px 18px 11px;position:relative;box-shadow:0 -6px 25px #2d598f0f}.ifg-entity-footer-item{border-radius:8px;flex:0 142px;justify-content:center;align-items:center;min-width:0;height:50px;transition:transform .25s,opacity .25s,filter .25s;display:flex}.ifg-entity-footer-item[href]:hover,.ifg-entity-footer-item[href]:focus-visible{filter:drop-shadow(0 4px 8px #145baa30);transform:translateY(-3px)}.ifg-entity-logo{object-fit:contain;object-position:center;width:auto;max-width:100%;height:100%}.ifg-entity-logo-jasindo,.ifg-entity-logo-jrp{height:46px}.showcase-preview{flex-direction:column;justify-content:space-between;align-items:stretch}.showcase-preview .showcase-container{flex-direction:column;flex:1 0 auto;justify-content:center;display:flex}.showcase-preview .ifg-entity-footer{z-index:7;-webkit-backdrop-filter:blur(10px);background:#f6fbffc7;border:1px solid #ffffffdb;border-radius:10px;flex:none;width:min(1110px,100%);margin:17px auto 0;padding:8px 14px;position:relative;box-shadow:0 6px 24px #245f9a14}.showcase-preview .ifg-entity-footer-item{height:40px}.showcase-preview .ifg-entity-logo{max-height:37px}@media (max-width:680px){.ifg-entity-footer{padding:9px 8px}.ifg-entity-footer-inner{gap:7px 8px;max-width:450px}.ifg-entity-footer-item{flex:0 calc(33.3333% - 10.6667px);height:34px}.ifg-entity-logo,.ifg-entity-logo-jasindo,.ifg-entity-logo-jrp{max-width:100%;height:33px}.ifg-entity-logo-btim{max-height:29px}.showcase-preview .ifg-entity-footer{margin-top:14px;padding:8px 6px}.showcase-preview .ifg-entity-footer-item{height:31px}.showcase-preview .ifg-entity-logo{max-height:29px}}.landing-logos,.showcase-corner-logos{align-items:center;min-height:0;top:13px!important;left:clamp(12px,2vw,30px)!important;right:clamp(12px,2vw,30px)!important}.landing-logo-danantara,.landing-logo-jasindo,.showcase-corner-logos .showcase-logo-danantara,.showcase-corner-logos .showcase-logo-jasindo{object-fit:contain;object-position:center center;flex:0 auto;min-width:0;width:auto!important;height:clamp(42px,4.5vw,66px)!important;max-height:none!important;margin:0!important}.landing-content{padding-top:clamp(98px,9vw,117px)}.showcase-preview .showcase-brand{padding-top:clamp(99px,9vw,122px)}@media (max-width:760px){.landing-logos,.showcase-corner-logos{top:11px!important;left:10px!important;right:10px!important}.landing-logo-danantara,.landing-logo-jasindo,.showcase-corner-logos .showcase-logo-danantara,.showcase-corner-logos .showcase-logo-jasindo{height:clamp(35px,10.3vw,45px)!important}.landing-content,.showcase-preview .showcase-brand{padding-top:81px}}.landing-ambient-glow{z-index:1;pointer-events:none;filter:blur(33px);opacity:.4;background:radial-gradient(circle at 48% 48%,#7acbff6b 2%,#a8d7ff3b 42%,#0000 70%);border-radius:50%;width:clamp(230px,32vw,530px);height:clamp(230px,32vw,530px);animation:11s ease-in-out infinite alternate ifg-ambient-drift;position:absolute}.landing-ambient-glow-left{top:25%;left:-9%}.landing-ambient-glow-right{background:radial-gradient(circle,#fca5c42a,#e9c9ee26 45%,#0000 72%);animation-delay:-4s;top:5%;right:-11%}.landing-background-cloud{z-index:1;pointer-events:none;filter:blur(35px);background:#ffffffb8;border-radius:50%;width:210px;height:72px;animation:13s ease-in-out infinite alternate ifg-cloud-drift;position:absolute}.landing-background-cloud.cloud-left{top:34%;left:3%}.landing-background-cloud.cloud-right{animation-delay:-5s;top:45%;right:2%}.landing-people-image{transform-origin:50% 75%;animation:6s ease-in-out infinite ifg-hero-hover}.landing-category{position:relative;overflow:hidden}.landing-category:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0000,#fff9,#0000);width:38%;animation:7s ease-in-out infinite ifg-card-sheen;position:absolute;inset:0 auto 0 -55%;transform:skew(-20deg)}.landing-category:nth-child(2n):after{animation-delay:-2s}.landing-category:nth-child(3n):after{animation-delay:-4s}.landing-category-icon{place-items:center;display:inline-grid}.landing-category-icon svg{animation:4s ease-in-out infinite ifg-icon-float}.landing-category:nth-child(2n) .landing-category-icon svg{animation-delay:-.9s}.landing-category:nth-child(3n) .landing-category-icon svg{animation-delay:-1.8s}.landing-cta svg{animation:2.6s ease-in-out infinite ifg-arrow-hint}.landing-wave-bottom{animation:8s ease-in-out infinite ifg-wave-breathe}@keyframes ifg-ambient-drift{0%{transform:translate(0,0)scale(.9)}to{transform:translate(28px,-22px)scale(1.08)}}@keyframes ifg-cloud-drift{0%{opacity:.6;transform:translate(-12px,3px)}to{opacity:1;transform:translate(22px,-7px)}}@keyframes ifg-hero-hover{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.007)}}@keyframes ifg-card-sheen{0%,20%{opacity:0;left:-55%}35%{opacity:1}53%,to{opacity:0;left:115%}}@keyframes ifg-icon-float{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.035)}}@keyframes ifg-arrow-hint{0%,to{transform:translate(0)}50%{transform:translate(5px)}}@keyframes ifg-wave-breathe{0%,to{opacity:1}50%{opacity:.89}}.quiz-brand{justify-content:center;align-items:center;margin:0 auto 22px;display:flex}.quiz-brand-image{object-fit:contain;width:min(88%,385px);height:auto;animation:5.5s ease-in-out infinite ifg-brand-soft-infinite}.quiz-card{position:relative;overflow:hidden}.quiz-card:before{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#fa406a99 48%,#0000 100%);width:100%;height:2px;animation:5.5s ease-in-out infinite ifg-question-edge;position:absolute;top:0;left:0;transform:translate(-100%)}.quiz-progress{position:relative}.quiz-progress span{position:relative;overflow:hidden}.quiz-progress span:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:45%;animation:2.7s ease-in-out infinite ifg-progress-sheen;position:absolute;inset:0;transform:translate(-140%)}.quiz-option-icon svg{animation:4.7s ease-in-out infinite ifg-icon-float}.quiz-option:nth-child(2n) .quiz-option-icon svg{animation-delay:-1.4s}.quiz-option:nth-child(3n) .quiz-option-icon svg{animation-delay:-2.8s}.quiz-option.selected .quiz-option-icon{animation:.42s ease-out ifg-selection-pop}.quiz-auto-hint{animation:4.4s ease-in-out infinite ifg-hint-breathe}@keyframes ifg-question-edge{0%,24%{opacity:0;transform:translate(-100%)}39%{opacity:.9}56%,to{opacity:0;transform:translate(100%)}}@keyframes ifg-progress-sheen{0%{transform:translate(-140%)}75%,to{transform:translate(300%)}}@keyframes ifg-selection-pop{0%{transform:scale(.85)}65%{transform:scale(1.13)}to{transform:scale(1)}}@keyframes ifg-hint-breathe{0%,to{opacity:.82}50%{opacity:1}}@keyframes ifg-brand-soft-infinite{0%,to{filter:drop-shadow(0 2px 5px #ffffff40);opacity:1}50%{filter:drop-shadow(0 5px 10px #448ed329);opacity:.95}}@media (max-width:600px){.quiz-brand{margin-bottom:16px}.quiz-brand-image{width:min(90%,310px)}}.showcase-animated .showcase-panel-icon svg{animation:4s ease-in-out infinite ifg-icon-float}.showcase-animated .showcase-chart-panel:nth-child(2n) .showcase-panel-icon svg{animation-delay:-2s}.showcase-animated .showcase-highlight-icon{animation:4.5s ease-in-out infinite ifg-highlight-glow}.showcase-animated .showcase-highlight-leader .showcase-highlight-icon{animation-delay:-2.2s}.showcase-animated .showcase-brand-art{animation:5.6s ease-in-out infinite ifg-brand-soft-infinite}.showcase-animated .showcase-donut-orbit{transform-origin:50%;transform-box:fill-box;color:#237dcf;opacity:.28;animation:19s linear infinite ifg-ring-orbit}.showcase-chart-panel{position:relative;overflow:hidden}.showcase-animated .showcase-chart-panel:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff38,#0000);width:24%;animation:10s ease-in-out infinite ifg-card-sheen;position:absolute;inset:0 auto 0 -65%;transform:skew(-16deg)}.showcase-animated .showcase-chart-panel:nth-child(2n):after{animation-delay:-3.5s}.showcase-animated .ifg-entity-footer-item{animation:6s ease-in-out infinite ifg-logo-appear}.showcase-animated .ifg-entity-footer-item:nth-child(2n){animation-delay:-3s}@keyframes ifg-highlight-glow{0%,to{filter:drop-shadow(0 0 #2c83c000)}50%{filter:drop-shadow(0 4px 10px #3285bc4d)}}@keyframes ifg-ring-orbit{to{transform:rotate(360deg)}}@keyframes ifg-logo-appear{0%,to{opacity:.92}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.landing-ambient-glow,.landing-background-cloud,.landing-people-image,.landing-category:after,.landing-category-icon svg,.landing-cta svg,.landing-wave-bottom,.quiz-brand-image,.quiz-card:before,.quiz-progress span:after,.quiz-option-icon svg,.quiz-option.selected .quiz-option-icon,.quiz-auto-hint,.showcase-animated .showcase-panel-icon svg,.showcase-animated .showcase-highlight-icon,.showcase-animated .showcase-brand-art,.showcase-animated .showcase-donut-orbit,.showcase-animated .showcase-chart-panel:after,.showcase-animated .ifg-entity-footer-item{transition:none!important;animation:none!important}.ifg-entity-footer-item[href]:hover{transform:none}}.ifg-entity-footer{z-index:4;border-radius:0;width:100%;padding:9px 12px 11px;animation:.8s ease-out both rev21-footer-enter;position:relative;box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important}.ifg-entity-footer-inner{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px clamp(8px,2.5vw,20px);width:min(670px,100%);margin:0 auto;display:flex}.ifg-entity-footer-item{min-width:0;height:29px;box-shadow:none;opacity:.88;background:0 0;border:0;border-radius:5px;flex:0 100px;transition:transform .3s,filter .3s,opacity .3s}.ifg-entity-logo,.ifg-entity-logo-jasindo,.ifg-entity-logo-jrp{max-width:100%;height:23px}.ifg-entity-logo-btim{max-height:18px}@media (max-width:680px){.ifg-entity-footer{padding:8px 6px 10px}.ifg-entity-footer-inner{flex-wrap:wrap;gap:2px clamp(4px,1.2vw,10px);max-width:460px}.ifg-entity-footer-item{flex:0 min(18%,72px);height:25px}.ifg-entity-logo,.ifg-entity-logo-jasindo,.ifg-entity-logo-jrp{height:17px}.ifg-entity-logo-btim{max-height:14px}}#app>.landing-stage,#app>main:not(.showcase-preview){min-height:100svh}#app:has(>.ifg-entity-footer)>main:not(.showcase-preview){min-height:calc(100svh - 48px)}#app>.admin-shell{min-height:calc(100svh - 48px)}.landing-logo-danantara,.showcase-corner-logos .showcase-logo-danantara{height:clamp(37px,4vw,58px)!important}@media (max-width:760px){.landing-logo-danantara,.showcase-corner-logos .showcase-logo-danantara{height:clamp(31px,9vw,40px)!important}}.landing-logos-enter{animation:.95s ease-out both rev21-intro-brand-enter}.landing-people-reveal{filter:drop-shadow(0 8px 22px #0a6eb71a)}.landing-cta{isolation:isolate;position:relative;overflow:hidden}.landing-cta:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff7,#0000);width:24%;animation:7.5s ease-in-out infinite rev21-cta-glint;position:absolute;inset:-80% auto -80% -42%;transform:skew(-22deg)}.landing-category{transition:box-shadow .35s,border-color .35s}.landing-category:hover{border-color:#d0e6fa}.quiz-card .quiz-question-title{will-change:opacity}.quiz-option{transition:border-color .25s,box-shadow .25s,background-color .25s}.quiz-option:focus-visible{outline-offset:3px}.quiz-option:not(.selected):hover{box-shadow:3px 6px 18px #0e6eb71b,inset 0 1px #fff}.showcase-animated .showcase-highlight{animation:5.2s ease-in-out infinite rev21-highlight-breathe}.showcase-animated .showcase-chart-panel{animation:7.5s ease-in-out infinite rev21-chart-glow}.showcase-animated .showcase-chart-panel:nth-child(2n){animation-delay:-3.75s}.showcase-animated .showcase-donut svg{animation:6.5s ease-in-out infinite rev21-donut-light}@keyframes rev21-footer-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes rev21-intro-brand-enter{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes rev21-cta-glint{0%,22%{opacity:0;left:-42%}34%{opacity:.65}46%,to{opacity:0;left:120%}}@keyframes rev21-highlight-breathe{0%,to{box-shadow:0 9px 28px #1a73b817}50%{box-shadow:0 13px 35px #1872b429}}@keyframes rev21-chart-glow{0%,to{filter:drop-shadow(0 0 #3d96dc00)}50%{filter:drop-shadow(0 5px 12px #3d96dc16)}}@keyframes rev21-donut-light{0%,to{filter:drop-shadow(0 2px 7px #2a9bd916)}50%{filter:drop-shadow(0 4px 12px #2187e53d)}}@media (prefers-reduced-motion:reduce){.ifg-entity-footer,.landing-logos-enter,.landing-cta:after,.showcase-animated .showcase-highlight,.showcase-animated .showcase-chart-panel,.showcase-animated .showcase-donut svg{transition:none!important;animation:none!important}}.ifg-entity-footer,.ifg-entity-footer:before,.ifg-entity-footer:after,.ifg-entity-footer-inner,.ifg-entity-footer-inner:before,.ifg-entity-footer-inner:after,.ifg-entity-footer-item,.ifg-entity-footer-item:before,.ifg-entity-footer-item:after{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:0!important}.ifg-entity-footer:before,.ifg-entity-footer:after,.ifg-entity-footer-inner:before,.ifg-entity-footer-inner:after,.ifg-entity-footer-item:before,.ifg-entity-footer-item:after{content:none!important}.ifg-entity-footer{isolation:auto;margin:0;display:block;filter:none!important;border-radius:0!important;padding:32px 8px!important}.ifg-entity-footer-inner{align-items:center;margin-inline:auto;flex-wrap:nowrap!important;justify-content:center!important;gap:24px!important;width:max-content!important;max-width:100%!important;display:flex!important}.ifg-entity-footer-item{box-sizing:border-box;opacity:.88;justify-content:center;align-items:center;animation:.62s ease-out backwards rev22-partner-reveal;filter:none!important;border-radius:0!important;flex:none!important;width:auto!important;min-width:0!important;max-width:none!important;height:24px!important;transition:opacity .22s,transform .22s!important;display:flex!important}.ifg-entity-footer-item:nth-child(2){animation-delay:80ms}.ifg-entity-footer-item:nth-child(3){animation-delay:.16s}.ifg-entity-footer-item:nth-child(4){animation-delay:.24s}.ifg-entity-footer-item:nth-child(5){animation-delay:.32s}.ifg-entity-footer-item[href]:hover,.ifg-entity-footer-item[href]:focus-visible{opacity:1;filter:none!important;transform:translateY(-2px)!important}.ifg-entity-footer .ifg-entity-logo,.ifg-entity-footer .ifg-entity-logo-jasindo,.ifg-entity-footer .ifg-entity-logo-jrp,.ifg-entity-footer .ifg-entity-logo-btim{object-fit:contain;object-position:center;display:block;width:auto!important;max-width:none!important;height:22px!important;max-height:22px!important}#app:has(>.ifg-entity-footer)>main:not(.showcase-preview){min-height:calc(100svh - 88px)}#app>.admin-shell:has(+.ifg-entity-footer){min-height:calc(100svh - 88px)}@media (max-width:680px){.ifg-entity-footer{padding-block:32px!important;padding-inline:8px!important}.ifg-entity-footer-inner{flex-wrap:nowrap!important;gap:24px!important;width:max-content!important;max-width:100%!important}.ifg-entity-footer-item{height:clamp(10px,4.5vw,18px)!important}.ifg-entity-footer .ifg-entity-logo,.ifg-entity-footer .ifg-entity-logo-jasindo,.ifg-entity-footer .ifg-entity-logo-jrp,.ifg-entity-footer .ifg-entity-logo-btim{height:clamp(10px,4.5vw,18px)!important;max-height:18px!important}}.landing-logos .landing-logo-danantara,.showcase-corner-logos .showcase-logo-danantara{transform-origin:0 0!important;transform:scale(.8)!important}.landing-brand-art{animation:6.5s ease-in-out infinite rev22-brand-breathe}.landing-intro h1 .landing-title-blue{animation:7s ease-in-out infinite rev22-headline-soft}.landing-intro h1 .landing-title-red{animation:7s ease-in-out -2.1s infinite rev22-headline-soft}.landing-category:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;opacity:0;background:radial-gradient(circle at 50% 0,#fffa 0%,#0000 62%);animation:8s ease-in-out infinite rev22-category-glow;position:absolute;inset:0}.landing-category:nth-child(2n):before{animation-delay:-2.5s}.landing-category:nth-child(3n):before{animation-delay:-5s}.landing-category>*{z-index:1;position:relative}.quiz-option:not(.selected) .quiz-option-icon{animation:5.6s ease-in-out infinite rev22-quiz-halo}.quiz-option:nth-child(2n) .quiz-option-icon{animation-delay:-1.8s}.quiz-option:nth-child(3n) .quiz-option-icon{animation-delay:-3.4s}.quiz-option.selected .quiz-option-text strong{animation:.55s ease-out rev22-answer-highlight}.result-heading h1 span{animation:5.8s ease-in-out infinite rev22-match-title}.result-insight-icon svg{animation:3.8s ease-in-out infinite rev22-insight-twinkle}.result-spotlight .result-company-logo img{animation:7s ease-in-out infinite rev22-logo-gleam}.showcase-animated .showcase-panel-icon{animation:6s ease-in-out infinite rev22-preview-emphasis}.showcase-animated .showcase-chart-panel:nth-child(2) .showcase-panel-icon{animation-delay:-3s}.showcase-animated .showcase-bar-dot{animation:3.2s ease-in-out infinite rev22-chart-dot}.showcase-animated .showcase-bar-row:nth-child(2n) .showcase-bar-dot{animation-delay:-1.3s}.ov-kpi-icon svg{animation:5.7s ease-in-out infinite rev22-kpi-icon}.ov-kpi:nth-child(2n) .ov-kpi-icon svg{animation-delay:-2.5s}@keyframes rev22-partner-reveal{0%{opacity:0;transform:translateY(7px)}to{opacity:.88;transform:translateY(0)}}@keyframes rev22-brand-breathe{0%,to{filter:drop-shadow(0 2px 6px #3d91da15)}50%{filter:drop-shadow(0 5px 12px #3d91da30)}}@keyframes rev22-headline-soft{0%,to{opacity:1}50%{opacity:.88}}@keyframes rev22-category-glow{0%,to{opacity:0}48%{opacity:.52}}@keyframes rev22-quiz-halo{0%,to{filter:drop-shadow(0 0 #2a86d200)}50%{filter:drop-shadow(0 2px 6px #2a86d235)}}@keyframes rev22-answer-highlight{0%{opacity:.76}60%{opacity:1}to{opacity:1}}@keyframes rev22-match-title{0%,to{text-shadow:0 0 #f51c4800}50%{text-shadow:0 2px 13px #f51c4833}}@keyframes rev22-insight-twinkle{0%,to{opacity:1;transform:scale(1)}45%{opacity:.7;transform:scale(.94)}}@keyframes rev22-logo-gleam{0%,to{filter:drop-shadow(0 2px 4px #255c910b)}50%{filter:drop-shadow(0 5px 8px #255c9129)}}@keyframes rev22-preview-emphasis{0%,to{box-shadow:0 0 #3898df00}50%{box-shadow:0 0 15px #3898df27}}@keyframes rev22-chart-dot{0%,to{filter:brightness()}50%{filter:brightness(1.14)}}@keyframes rev22-kpi-icon{0%,to{opacity:1}50%{opacity:.78}}@media (prefers-reduced-motion:reduce){.ifg-entity-footer-item,.landing-brand-art,.landing-intro h1 .landing-title-blue,.landing-intro h1 .landing-title-red,.landing-category:before,.quiz-option:not(.selected) .quiz-option-icon,.quiz-option.selected .quiz-option-text strong,.result-heading h1 span,.result-insight-icon svg,.result-spotlight .result-company-logo img,.showcase-animated .showcase-panel-icon,.showcase-animated .showcase-bar-dot,.ov-kpi-icon svg{transition:none!important;animation:none!important}}
