/* R34: three clear services and a comfortable prospect workspace. */
.homeFeatures{grid-area:career;min-width:0;margin:0 0 18px}
.featureChooser{min-width:0;margin:0 0 20px}
.featureChooserTitle{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px;color:#673a50}
.featureChooserTitle b{font-size:16px}.featureChooserTitle>span{font-size:12px;color:#917382}
.luwiRefresh .featureChoices,.featureChoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;background:none;border:0;border-radius:0}
.luwiRefresh .featureChoices button,.featureChoices button{display:flex;align-items:center;gap:12px;min-width:0;min-height:86px;padding:15px;border:1px solid #eed8e2;border-radius:20px;background:#fff;color:#64384d;text-align:left;box-shadow:0 5px 18px #aa376707;font:inherit;cursor:pointer;transition:background .18s,box-shadow .18s,transform .18s}
.luwiRefresh .featureChoices button[aria-pressed=true],.featureChoices button[aria-pressed=true]{border-color:#d62f6c;background:#fff0f6;color:#9d2757;box-shadow:inset 0 0 0 1px #d62f6c,0 6px 18px #ac3a6410}
.featureChoices button:hover{transform:translateY(-2px)}
.featureMascot{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:16px;background:#fff0f5}.featureMascot.career{background:#f1ebff}.featureMascot.sidang{background:#fff4da}.featureMascot img{display:block;width:36px;height:36px;object-fit:contain}.featureMascot.sidang img{transform:rotate(8deg)}.featureMascot.career img{transform:rotate(-8deg)}
.featureCopy{min-width:0}.featureCopy b,.featureCopy small{display:block}.featureCopy b{font-size:16px;line-height:1.3}.featureCopy small{margin-top:5px;font-size:11px;font-weight:500;line-height:1.4;color:#8f7280}.featureCheck{margin-left:auto;font-size:14px}
.careerShell .featureChooser{margin:8px 0 24px}.demoCard .featureChooserTitle{display:block}.demoCard .featureChooserTitle>span{display:block;margin-top:4px}.demoCard .featureChoices button{padding:12px 5px;flex-direction:column;text-align:center;gap:7px;min-height:118px}.demoCard .featureChoices .featureCheck{display:none}.demoCard .featureCopy b{font-size:14px}.demoCard .featureCopy small{font-size:10px}.demoCard .demoBadge{margin-top:5px}
.demoLanguageOption{margin:12px 0}.demoLanguageOption button{width:100%;text-align:left;min-height:42px;padding:10px 13px;border:1px solid #e5dcf0;border-radius:13px;background:#f8f4ff;color:#795887;font:inherit;font-size:12px;cursor:pointer}.demoLanguageOption button span{float:right}.demoLanguageOption button[aria-pressed=true]{border-color:#8b60a2;background:#efe4fa}
.marketingShell{max-width:1220px;margin:0 auto;--mk-text:#614154;--mk-muted:#8a6d7c}
.marketingShell *{box-sizing:border-box}.marketingShell button,.marketingShell a{touch-action:manipulation}.marketingShell button:focus-visible,.marketingShell a:focus-visible,.marketingShell input:focus-visible,.marketingShell select:focus-visible,.marketingShell textarea:focus-visible,.marketingShell summary:focus-visible{outline:3px solid #a6407666;outline-offset:3px}
.marketingShell .marketingHero{grid-template-columns:minmax(0,1.2fr) minmax(310px,.8fr);gap:28px;padding:28px;border-radius:28px;border:1px solid #eed7e1;background:linear-gradient(120deg,#fff8fb,#fffaf4);box-shadow:0 8px 30px #a23a6007}
.marketingShell .marketingHero h2{font-size:32px;line-height:1.17;letter-spacing:-.035em;margin:12px 0;color:#79324f}.marketingShell .marketingHeroCopy>p{font-size:13px;line-height:1.65;max-width:460px}.marketingShell .marketingEyebrow{font-size:10px;letter-spacing:.12em}
.marketingAudienceTags{display:flex;flex-wrap:wrap;gap:7px;margin-top:19px}.marketingAudienceTags span{padding:6px 11px;background:#fff;border:1px solid #efdbe4;border-radius:999px;font-size:11px;color:#9b5571}
.marketingShell .marketingBuddy{padding:0 0 13px;background:none;border:0;box-shadow:none}.marketingShell .marketingBuddy img{width:57px;height:57px}.marketingShell .marketingBuddy small{font-size:11px}.marketingShell .marketingBuddy b{font-size:13px;line-height:1.5}
.marketingSearchSettings{display:grid;grid-template-columns:1fr 1fr;gap:10px}.marketingSearchSettings label,.marketingLeadToolbar label{display:block;color:#755367;font-size:11px;font-weight:700;min-width:0}.marketingSearchSettings input,.marketingSearchSettings select,.marketingLeadToolbar input,.marketingLeadToolbar select{display:block;width:100%;min-width:0;min-height:44px;margin-top:6px;padding:10px 12px;background:#fff;border:1px solid #e9d4df;border-radius:12px;font:inherit;font-size:13px;color:#62404f}
.marketingShell .marketingActions{grid-template-columns:minmax(0,1fr) 44px;margin-top:12px;gap:8px}.marketingShell .marketingActions .btn{font-size:13px;min-height:45px;border-radius:13px}.marketingShell .marketingReload{flex:0 0 44px;font-size:21px;min-height:44px}.marketingSearchHint{display:block;margin-top:9px;color:#987687;font-size:10px;line-height:1.5}
.marketingShell .marketingNotice{font-size:12px;line-height:1.6}.marketingNotice:empty{display:none}
.marketingShell .marketingMetrics{display:grid;overflow:visible;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.marketingShell .marketingMetric{padding:17px 20px;border-radius:19px;background:#fff}.marketingShell .marketingMetric>span{font-size:12px}.marketingShell .marketingMetric>strong{font-size:29px}.marketingShell .marketingMetric>small{font-size:11px;line-height:1.5}.marketingShell .marketingMetric.highlight{background:#f0f8f4;border-color:#d3e7db}.marketingShell .marketingMetric.highlight>strong{color:#47725a}
.marketingShell .marketingTabs{display:flex;gap:5px;overflow-x:auto;max-width:100%;padding:6px;border-radius:16px;scrollbar-width:none}.marketingShell .marketingTabs button{flex:0 0 auto;min-height:42px;padding:10px 15px;font-size:12px;border-radius:11px}.marketingShell .marketingTabs button span{font-size:10px}
.marketingShell .marketingPageIntro{padding:20px;border-radius:20px}.marketingShell .marketingPageIntro h3{font-size:22px;line-height:1.25;margin:7px 0}.marketingShell .marketingPageIntro p{font-size:12px;line-height:1.65}.marketingShell .marketingPageIntro>div>span{font-size:10px}.marketingShell .marketingSafety{font-size:10px;white-space:normal;max-width:220px;text-align:center}
.marketingLeadToolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,280px);gap:14px}.marketingShell .marketingFilters button{min-height:38px;padding:8px 13px;font-size:11px}.marketingResultCount{font-size:12px;color:#8c7280;margin:0 2px}.marketingShell .marketingLeadGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.marketingShell .marketingLeadGrid.overview{grid-template-columns:repeat(3,minmax(0,1fr))}
.marketingShell .marketingLead{padding:20px;gap:13px;border-radius:22px;min-width:0;border:1px solid #eddde4;box-shadow:0 5px 22px #9c4b6705}.marketingShell .marketingLead.hot{border-color:#e6bbca}.marketingShell .marketingLeadIdentity h4{font-size:18px;line-height:1.3;margin:6px 0}.marketingLeadIdentity>small{font-size:11px;color:#8e7481;line-height:1.5}.marketingShell .marketingLeadType{font-size:10px;line-height:1.5;letter-spacing:.02em}.marketingShell .marketingScore{min-width:49px;min-height:50px;border-radius:15px}.marketingShell .marketingScore strong{font-size:20px}.marketingShell .marketingScore span{font-size:8px}.marketingShell .marketingReason{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.marketingShell .marketingOffer{padding:12px 14px;border-radius:13px;background:#fff8ef}.marketingShell .marketingOffer>span{font-size:9px}.marketingShell .marketingOffer>b{font-size:12px;line-height:1.5}
.marketingShell .marketingLeadDetails summary{font-size:12px;padding:11px 0}.marketingShell .marketingResearchNote{font-size:12px;line-height:1.7;white-space:normal}.marketingShell .marketingScoreBreakdown{display:flex;flex-wrap:wrap;gap:8px}.marketingShell .marketingScoreBreakdown span{font-size:10px}.marketingShell .marketingLeadLinks a{font-size:11px;padding:5px 0}.marketingShell .marketingStatus{font-size:10px}.marketingShell .marketingLeadActions{display:flex;flex-wrap:wrap;gap:8px}.marketingShell .marketingLeadActions button{min-height:40px;padding:9px 12px;font-size:11px;width:auto;flex:0 1 auto}.marketingShell .marketingLeadActions .marketingApprove{flex:1 1 auto}.marketingShell .marketingLeadActions .subtle{margin-left:auto}
.marketingPreparing{display:flex;gap:10px;align-items:flex-start;padding:14px;background:#f6f0fb;border-radius:14px;color:#7b558e}.marketingPreparing b{display:block;font-size:12px}.marketingPreparing small{display:block;margin-top:5px;font-size:11px;line-height:1.5}.marketingPulse{width:9px;height:9px;flex:none;margin-top:5px;border-radius:50%;background:#a476bc;box-shadow:0 0 0 5px #a476bc18}
.marketingNoContact{padding:14px;border:1px dashed #e4c8d6;border-radius:14px;background:#fff9fc;font-size:12px;line-height:1.6}.marketingNoContact p{margin:5px 0 10px}
.marketingOutreach{border:1px solid #d3e5d9;border-radius:16px;background:#f8fcf9;overflow:hidden}.marketingOutreach summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;list-style:none;color:#4b7159}.marketingOutreach summary b,.marketingOutreach summary small{display:block}.marketingOutreach summary b{font-size:12px}.marketingOutreach summary small{font-size:10px;margin-top:4px;font-weight:400}.marketingOutreachBody{padding:0 12px 12px;display:grid;gap:12px}.marketingContactCard{background:#fff;border:1px solid #e4ebe5;border-radius:14px;padding:14px;min-width:0}.marketingContactHead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.marketingContactHead span{display:block;font-size:10px;color:#697f6d}.marketingContactHead b{display:block;font-size:13px;color:#4d6154;margin-top:4px}.marketingContactHead a{font-size:11px;color:#326a49;white-space:nowrap}.marketingContactValue{font-size:12px;line-height:1.5;overflow-wrap:anywhere;margin:10px 0 3px}.marketingEvidence{font-size:10px;color:#618370}.marketingContactEvidence{font-size:10px;line-height:1.5;color:#89948b;margin:5px 0 12px}.marketingContactCard label{display:block;font-size:11px;color:#675061;margin:11px 0}.marketingContactCard textarea,.marketingContactCard input{display:block;width:100%;max-width:100%;font:inherit;font-size:12px;line-height:1.65;padding:12px;border:1px solid #e1d8df;border-radius:11px;background:#fffcfe;margin-top:6px;resize:vertical;color:#634b59}.marketingContactCard textarea{min-height:150px;font-weight:400}.marketingContactCard input{font-weight:400}.marketingContactCard .tab,.marketingPackActions .tab{min-height:38px;font-size:11px}.marketingDraftHint{font-size:10px;line-height:1.6;color:#78907f}.marketingPackActions{display:flex;flex-wrap:wrap;gap:8px}
.marketingPagination{display:flex;align-items:center;justify-content:center;gap:18px;margin:5px 0 10px}.marketingPagination>span{font-size:12px;color:#937385}.marketingPagination button{min-height:42px;font-size:12px}
.marketingProgressCard{display:flex;align-items:center;gap:16px;padding:18px;border:1px solid #e6d8ef;border-radius:18px;background:#faf6fd;margin-top:15px}.marketingProgressCard>img{width:46px;height:46px}.marketingProgressCard>div{flex:1;min-width:0}.marketingProgressCard b,.marketingProgressCard span,.marketingProgressCard small{display:block}.marketingProgressCard b{font-size:13px;color:#795385}.marketingProgressCard span{font-size:11px;color:#8c7496;margin-top:4px}.marketingProgressCard progress{height:7px;width:100%;margin:10px 0;accent-color:#b987c0}.marketingProgressCard small{font-size:11px;color:#927d97}.marketingJobError{padding:14px;background:#fff1f3;border-radius:12px;color:#9d4762;font-size:12px}
.marketingSmallMascot{display:block;width:48px;height:48px;margin:0 auto 12px}.marketingShell .marketingEmptyLine{font-size:12px}.marketingShell .marketingBrief{padding:22px}.marketingShell .marketingBriefMain h3{font-size:17px;line-height:1.6}.marketingShell .marketingBriefMain small{font-size:11px;line-height:1.6}.marketingShell .marketingSectionTitle h3{font-size:19px;line-height:1.4}.marketingShell .marketingSectionTitle p{font-size:12px;line-height:1.6}.marketingShell .marketingTextButton{font-size:12px;min-height:36px}.marketingShell .marketingActionCard h4{font-size:14px}.marketingShell .marketingActionCard p,.marketingShell .marketingTrend p,.marketingShell .marketingContentCard p{font-size:12px;line-height:1.65}.marketingShell .marketingTrend>b{font-size:14px}.marketingShell .marketingTrend a{font-size:11px}.marketingShell .marketingAgentPill{min-height:42px}.marketingShell .marketingAgentPill b{font-size:11px}.marketingShell .marketingAgentPill small{font-size:9px}.marketingShell .marketingContentCard h4{font-size:17px}.marketingShell .marketingContentDetails summary{font-size:12px}.marketingShell .marketingCTA b{font-size:12px}.marketingShell .marketingAnalyticsHero p,.marketingShell .marketingInsightGrid li,.marketingShell .marketingAgentCard p{font-size:12px;line-height:1.7}.marketingShell .marketingAgentCard h4{font-size:15px}.marketingShell .marketingAgentMeta span{font-size:10px}
@media(min-width:960px){.homeFeatures{margin:0}.homeFeatures .featureChooser{margin:0}.luwiRefresh .homeShell{grid-template-areas:"brand nav" "welcome welcome" "career career" "setup launch" "setup recent" "setup tips";grid-template-rows:auto auto auto auto auto 1fr}}
@media(max-width:1040px){.marketingShell .marketingHero{grid-template-columns:1fr 1fr;padding:22px;gap:22px}.marketingShell .marketingLeadGrid.overview{grid-template-columns:1fr 1fr}.marketingShell .marketingLeadGrid.overview .marketingLead:last-child{grid-column:1/-1}}
@media(max-width:720px){.featureChooserTitle{display:block}.featureChooserTitle>span{display:none}.luwiRefresh .featureChoices,.featureChoices{gap:8px}.luwiRefresh .featureChoices button,.featureChoices button{min-height:103px;flex-direction:column;text-align:center;gap:7px;padding:11px 4px;border-radius:16px}.featureMascot{flex-basis:36px;width:36px;height:36px;border-radius:12px}.featureMascot img{width:29px;height:29px}.featureCopy b{font-size:13px}.featureCopy small{font-size:9px;line-height:1.3;margin-top:4px}.featureCheck{display:none}.homeFeatures{margin:0 0 16px}.featureChooser{margin-bottom:14px}.featureChooserTitle b{font-size:14px}.careerShell .featureChooser{margin-bottom:18px}
 .marketingShell .marketingHero{grid-template-columns:1fr;padding:20px;gap:22px}.marketingShell .marketingHero h2{font-size:30px}.marketingShell .marketingHeroCopy>p{font-size:13px}.marketingShell .marketingMetrics{gap:7px}.marketingShell .marketingMetric{padding:13px 10px;border-radius:15px}.marketingShell .marketingMetric>span{font-size:10px}.marketingShell .marketingMetric>strong{font-size:25px}.marketingShell .marketingMetric>small{font-size:9px}.marketingShell .marketingLeadGrid,.marketingShell .marketingLeadGrid.overview{grid-template-columns:1fr}.marketingShell .marketingLeadGrid.overview .marketingLead:last-child{grid-column:auto}.marketingShell .marketingLead{padding:17px}.marketingShell .marketingPageIntro{display:block;padding:17px}.marketingShell .marketingPageIntro h3{font-size:21px}.marketingShell .marketingSafety{display:inline-block;margin-top:10px}.marketingLeadToolbar{grid-template-columns:1fr 1fr;gap:10px}.marketingShell .marketingTabs button{padding:10px 13px;font-size:11px}.marketingSearchSettings input,.marketingSearchSettings select,.marketingLeadToolbar input,.marketingLeadToolbar select,.marketingContactCard input,.marketingContactCard textarea{font-size:16px}.marketingContactHead{display:block}.marketingContactHead a{display:inline-block;margin-top:8px}.marketingShell .marketingLeadActions button{min-height:44px}.marketingShell .marketingContentDetailsBody{grid-template-columns:1fr}.marketingShell .marketingBrief{padding:17px}.marketingShell .marketingBriefMain h3{font-size:15px}.marketingShell .marketingSectionTitle{flex-wrap:wrap}.marketingShell .marketingSectionTitle h3{font-size:18px}.marketingPagination{gap:9px}.marketingPagination button{font-size:11px;padding:9px 12px}}
@media(max-width:360px){.featureCopy b{font-size:12px}.featureCopy small{font-size:8px}.marketingShell .marketingHero{padding:16px}.marketingShell .marketingHero h2{font-size:27px}.marketingShell .marketingLead{padding:14px}.marketingLeadToolbar{grid-template-columns:1fr}.marketingShell .marketingLeadActions .marketingApprove{flex-basis:100%}.marketingShell .marketingMetric>small{font-size:8px}}
@media(prefers-reduced-motion:reduce){.featureChoices button{transition:none}.featureChoices button:hover{transform:none}}
/* R35 master payment and voucher states. */
.luwiRefresh .masterBadge.isPending{background:#fff3dc;color:#8c5b10}
.luwiRefresh .masterBadge.isUnpaid{background:#f1eef1;color:#776571}
.luwiRefresh .masterBadge.isPaid{background:#edf8f2;color:#417660}
.masterActions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}
.voucherReuseDialog{width:min(480px,calc(100vw - 32px));max-height:85dvh;overflow:auto;border:1px solid #efcfdf;border-radius:22px;padding:24px;color:#392d39;background:#fff}
.voucherReuseDialog::backdrop{background:#38243166}
.voucherReuseDialog h3{margin-top:0}
.voucherReuseDialog .masterActions .btn{flex:1}
.masterMoneyNote{line-height:1.5}