/* Longetiv Tire Campaign Activation v1.3.8 */
.ltca-widget{--ltca-primary:#ff6b1a;--ltca-dark:#111827;width:100%;max-width:1180px;margin:0 auto;padding:28px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ltca-dark);box-sizing:border-box}.ltca-widget *{box-sizing:border-box}.ltca-screen{display:none}.ltca-screen.is-active{display:block}.ltca-pill{display:inline-flex;align-items:center;gap:8px;background:#fff3eb;color:var(--ltca-primary);border-radius:999px;padding:9px 16px;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px}.ltca-pill span{width:10px;height:10px;border-radius:999px;background:var(--ltca-primary)}.ltca-pill.dark{background:rgba(255,255,255,.16);color:#fff}.ltca-intro-main{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:34px;align-items:center}.ltca-intro-copy h1{font-size:clamp(46px,5.6vw,76px);line-height:.95;letter-spacing:-.06em;margin:0 0 18px;max-width:620px}.ltca-intro-copy p{max-width:610px;font-size:clamp(17px,1.55vw,21px);line-height:1.55;color:#667085;margin:0}.ltca-lead-card{border:1px solid #edf0f4;background:rgba(255,255,255,.86);border-radius:28px;padding:26px;box-shadow:0 20px 50px rgba(16,24,40,.08)}.ltca-lead-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ltca-lead-form label{display:block;font-size:14px;font-weight:850}.ltca-lead-form label:first-child{grid-column:1/-1}.ltca-lead-form input{width:100%;margin-top:8px;border:1px solid #dfe3ea!important;border-radius:16px!important;background:#fff!important;padding:15px 17px!important;font-size:15px!important;font-weight:650!important;min-height:54px;box-shadow:none!important;outline:none}.ltca-lead-form input:focus{border-color:var(--ltca-primary)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--ltca-primary) 12%,transparent)!important}.ltca-start{grid-column:1/-1;border:none!important;border-radius:16px!important;background:linear-gradient(90deg,#ff6b1a,#ff8c43)!important;color:#fff!important;min-height:56px;font-size:15px!important;font-weight:900!important;letter-spacing:.02em;cursor:pointer;box-shadow:0 16px 36px rgba(255,107,26,.24)}.ltca-error{grid-column:1/-1;color:#d92d20;font-weight:800}.ltca-progress{height:8px;background:#edf0f4;border-radius:999px;overflow:hidden;margin-bottom:24px}.ltca-progress div{height:100%;width:0;background:linear-gradient(90deg,#ff6b1a,#ff9f5a)}.ltca-step{font-size:12px;font-weight:900;letter-spacing:.14em;color:#98a2b3;text-transform:uppercase;margin-bottom:10px}.ltca-helper{color:#667085;margin:-12px 0 22px;font-size:15px}.ltca-question{font-size:clamp(32px,4vw,50px);line-height:1.05;letter-spacing:-.052em;max-width:860px;margin:0 0 26px}.ltca-options{display:grid;gap:13px}.ltca-option{width:100%;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:16px;border:1px solid #e5e7eb!important;border-radius:20px!important;background:#fff!important;min-height:70px;padding:16px 20px!important;cursor:pointer;transition:.18s ease;text-align:left!important;box-shadow:0 8px 22px rgba(16,24,40,.035)!important}.ltca-option:hover{border-color:#ff6b1a!important;transform:translateY(-1px)}.ltca-option.is-selected{border:2px solid #ff6b1a!important;background:#fff8f3!important}.ltca-letter{width:40px;height:40px;border-radius:14px;background:#f3f4f6;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:900;color:#667085;flex:0 0 auto}.ltca-option.is-selected .ltca-letter{background:#ff6b1a;color:#fff}.ltca-answer-text{flex:1;display:block;text-align:left!important;font-size:clamp(16px,1.55vw,20px);line-height:1.35;font-weight:850;color:#111827}.ltca-nav{display:flex;justify-content:space-between;margin-top:26px;gap:16px}.ltca-back,.ltca-next{border:none!important;border-radius:14px!important;min-height:52px;padding:0 24px!important;font-size:14px!important;font-weight:900!important;cursor:pointer}.ltca-back{background:#eef2f6!important;color:#111827!important}.ltca-next{background:linear-gradient(90deg,#ff6b1a,#ff8c43)!important;color:#fff!important}.ltca-next:disabled{opacity:.42;cursor:not-allowed}.ltca-result-card{border-radius:34px;overflow:hidden;background:#fff;border:1px solid #eceef2;box-shadow:0 20px 50px rgba(16,24,40,.08);padding:34px;color:#111827}.ltca-result-top{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:center}.ltca-result-card h2{font-size:clamp(44px,5vw,68px);line-height:.96;letter-spacing:-.06em;margin:0 0 16px}.ltca-result-card p{font-size:17px;line-height:1.65;color:#667085}.ltca-result-desc{color:#475467!important}.ltca-persona-img{width:100%;height:330px;object-fit:cover;border-radius:28px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.ltca-persona-art{width:100%;height:330px;border-radius:28px;background:radial-gradient(circle at 30% 20%,rgba(255,107,26,.28),transparent 32%),linear-gradient(135deg,#111827,#263244);display:flex;align-items:flex-end;padding:24px;color:#fff;overflow:hidden;position:relative}.ltca-persona-art:before{content:"";position:absolute;right:-60px;bottom:-80px;width:260px;height:260px;border:38px solid rgba(255,255,255,.16);border-radius:999px}.ltca-persona-art span{position:relative;font-size:24px;line-height:1.05;font-weight:950;max-width:220px}.ltca-match-card{margin-top:28px;display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;background:#fafafa;border-radius:28px;overflow:hidden;border:1px solid #f0f1f4}.ltca-match-content{padding:30px}.ltca-match-label{font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--result-accent,#ff6b1a)}.ltca-match-card h3{font-size:clamp(36px,4vw,54px);line-height:1;letter-spacing:-.05em;margin:12px 0}.ltca-match-card p{color:#667085;margin:0}.ltca-tire-visual{background:#fff;min-height:320px;display:flex;align-items:center;justify-content:center;padding:20px}.ltca-tire-visual img{max-width:100%;max-height:280px;width:auto;height:auto;object-fit:contain}.ltca-tire-art{width:100%;min-height:280px;border-radius:24px;background:radial-gradient(circle at 50% 50%,rgba(17,24,39,.12),transparent 40%),linear-gradient(135deg,#fff,#f3f4f6);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:24px}.ltca-tire-ring{width:150px;height:150px;border-radius:999px;border:28px solid #111827;box-shadow:inset 0 0 0 12px #e5e7eb,0 18px 40px rgba(17,24,39,.16)}.ltca-tire-art strong{font-size:24px;line-height:1.1;font-weight:950;max-width:260px}.ltca-traits{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.ltca-traits span{background:#fff;border:1px solid #eceef2;border-radius:999px;padding:10px 14px;font-size:13px;font-weight:800;color:#344054}.ltca-spg-box{margin-top:24px;border:1px solid #ffd8bf;background:#fff8f3;border-radius:20px;padding:18px}.ltca-spg-box strong{display:block;margin-bottom:6px;font-size:16px}.ltca-spg-box p{margin:0;color:#475467}.ltca-story-canvas{width:170px;border-radius:18px;overflow:hidden;margin:22px 0;border:1px solid #eceef2}.ltca-result-actions{display:flex;gap:12px;flex-wrap:wrap}.ltca-result-actions button{border:none!important;min-height:52px;border-radius:14px!important;padding:0 22px!important;font-size:14px!important;font-weight:900!important;cursor:pointer}.ltca-save-story{background:#111827!important;color:#fff!important}.ltca-share-story{background:#ff6b1a!important;color:#fff!important}.ltca-score-orb{width:150px;height:150px;border-radius:999px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:950;margin:22px 0}.ltca-leaderboard{max-width:900px;margin:0 auto;font-family:Inter,system-ui}.ltca-leader-row{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;background:#fff;border:1px solid #e4e7ec;border-radius:18px;padding:16px;margin:10px 0}@media(max-width:991px){.ltca-widget{padding:18px}.ltca-intro-main,.ltca-result-top,.ltca-match-card{grid-template-columns:1fr}.ltca-lead-form{grid-template-columns:1fr}.ltca-intro-copy h1{font-size:46px}.ltca-question{font-size:34px}.ltca-result-card{padding:24px;border-radius:28px}.ltca-persona-img,.ltca-persona-art{height:220px}.ltca-tire-visual{min-height:240px}.ltca-nav{position:sticky;bottom:12px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);padding:10px;border-radius:22px}.ltca-back,.ltca-next{flex:1}.ltca-result-actions{flex-direction:column}}
/* v1.3.9 refinements */
.ltca-lead-form input::placeholder{
  color:#98a2b3!important;
  font-weight:500!important;
  opacity:1;
}
.ltca-answer-text{
  text-transform:none!important;
}
.ltca-result-premium{
  background:
    radial-gradient(circle at 82% 8%, color-mix(in srgb,var(--result-accent,#ff6b1a) 16%,transparent), transparent 28%),
    #fff;
}
.ltca-result-hero{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) 360px;
  gap:32px;
  align-items:center;
}
.ltca-result-subtitle{
  font-size:22px!important;
  color:#344054!important;
  margin-bottom:8px;
}
.ltca-visual-stack{
  position:relative;
}
.ltca-mini-badge{
  position:absolute;
  left:18px;
  bottom:18px;
  background:rgba(17,24,39,.86);
  color:#fff;
  border-radius:999px;
  padding:9px 13px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.ltca-match-showcase{
  margin-top:30px;
  display:grid;
  grid-template-columns:minmax(0,1.1fr) 360px;
  gap:0;
  background:#f8fafc;
  border:1px solid #edf0f4;
  border-radius:30px;
  overflow:hidden;
}
.ltca-match-showcase .ltca-match-content{
  padding:34px;
}
.ltca-match-showcase .ltca-tire-visual{
  background:
    radial-gradient(circle at center, rgba(255,107,26,.10), transparent 44%),
    #fff;
  min-height:360px;
}
.ltca-result-bottom{
  margin-top:24px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 420px;
  gap:20px;
  align-items:stretch;
}
.ltca-share-panel{
  border:1px solid #edf0f4;
  background:#fff;
  border-radius:22px;
  padding:18px;
  display:grid;
  grid-template-columns:120px 1fr;
  gap:16px;
  align-items:center;
}
.ltca-share-panel .ltca-story-canvas{
  width:120px;
  margin:0;
}
.ltca-share-panel h4{
  margin:0 0 6px;
  font-size:20px;
}
.ltca-share-panel p{
  margin:0 0 14px;
  font-size:14px;
}
.ltca-knowledge-result{
  display:grid;
  grid-template-columns:minmax(0,1fr) 320px;
  gap:28px;
  align-items:center;
  background:
    radial-gradient(circle at 86% 12%, rgba(255,107,26,.20), transparent 34%),
    linear-gradient(135deg,#111827,#1f2937)!important;
  color:#fff!important;
}
.ltca-knowledge-result h2{
  color:#fff!important;
}
.ltca-knowledge-result p{
  color:rgba(255,255,255,.78)!important;
}
.ltca-score-card{
  background:#fff;
  color:#111827;
  border-radius:28px;
  padding:24px;
  text-align:center;
}
.ltca-score-card .ltca-score-orb{
  margin:0 auto 18px;
  background:linear-gradient(135deg,#ff6b1a,#111827);
  color:#fff;
}
.ltca-score-bar{
  width:100%;
  height:10px;
  background:#edf0f4;
  border-radius:999px;
  overflow:hidden;
  margin-bottom:12px;
}
.ltca-score-bar span{
  display:block;
  height:100%;
  background:linear-gradient(90deg,#ff6b1a,#ffad66);
}
.ltca-score-card strong{
  display:block;
  font-size:22px;
  margin-bottom:6px;
}
.ltca-score-card small{
  color:#667085;
}
@media(max-width:991px){
  .ltca-result-hero,
  .ltca-match-showcase,
  .ltca-result-bottom,
  .ltca-share-panel,
  .ltca-knowledge-result{
    grid-template-columns:1fr;
  }
  .ltca-share-panel .ltca-story-canvas{
    width:150px;
  }
}

/* v1.4.0 story card refinement */
.ltca-share-panel h4:after{
  content:"";
  display:block;
  width:42px;
  height:3px;
  border-radius:999px;
  background:var(--result-accent,#ff6b1a);
  margin-top:8px;
}

/* v1.4.1 fixes */
.ltca-knowledge-result .ltca-spg-box{
  background:#fff8f3!important;
  border:1px solid #ffd8bf!important;
  color:#111827!important;
}
.ltca-knowledge-result .ltca-spg-box strong{
  color:#111827!important;
}
.ltca-knowledge-result .ltca-spg-box p{
  color:#475467!important;
  font-size:18px!important;
  line-height:1.55!important;
}
.ltca-knowledge-result .ltca-spg-box{
  padding:22px!important;
  border-radius:22px!important;
}

/* v1.4.3 save story CTA refinement */
.ltca-result-actions{
  width:100%;
}
.ltca-result-actions .ltca-save-story{
  background:linear-gradient(90deg,#ff6b1a,#ff8c43)!important;
  color:#fff!important;
  min-width:260px;
  box-shadow:0 14px 30px rgba(255,107,26,.22)!important;
}
.ltca-share-panel .ltca-result-actions .ltca-save-story{
  width:100%;
}
.ltca-result-actions button:nth-child(2){
  display:none!important;
}

/* v1.4.4 story save CTA clickable + spacing polish */
.ltca-save-story{
  cursor:pointer!important;
  pointer-events:auto!important;
  position:relative!important;
  z-index:5!important;
}
.ltca-share-panel{
  position:relative;
}
.ltca-share-panel .ltca-result-actions{
  position:relative;
  z-index:5;
}

/* v1.4.7 save fallback note */
.ltca-share-panel:after{
  content:"Jika download tidak muncul di mobile browser, long-press preview card untuk save image.";
  display:block;
  grid-column:1 / -1;
  color:#667085;
  font-size:12px;
  margin-top:8px;
}

/* v1.4.9 leaderboard redesign */
.ltca-leaderboard{
  width:100%;
  max-width:1120px;
  margin:0 auto;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:#111827;
  border-radius:34px;
  overflow:hidden;
  background:
    radial-gradient(circle at 85% 0%, rgba(255,107,26,.18), transparent 30%),
    linear-gradient(135deg,#ffffff,#f8fafc);
  border:1px solid #e8ebf0;
  box-shadow:0 24px 60px rgba(16,24,40,.12);
}
.ltca-lb-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) 220px;
  gap:24px;
  align-items:center;
  padding:34px;
  background:
    linear-gradient(135deg,#111827,#1f2937 58%,#3a241d);
  color:#fff;
}
.ltca-lb-kicker{
  display:inline-flex;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  padding:9px 14px;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#ffb36b;
  margin-bottom:16px;
}
.ltca-lb-hero h2{
  margin:0 0 10px;
  font-size:clamp(34px,5vw,64px);
  line-height:.95;
  letter-spacing:-.055em;
  color:#fff;
}
.ltca-lb-hero p{
  margin:0;
  max-width:650px;
  color:rgba(255,255,255,.76);
  font-size:17px;
  line-height:1.55;
}
.ltca-lb-trophy{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  border-radius:28px;
  padding:22px;
  text-align:center;
  backdrop-filter:blur(10px);
}
.ltca-lb-trophy span{
  display:block;
  font-size:42px;
  margin-bottom:8px;
}
.ltca-lb-trophy strong,
.ltca-lb-trophy small{
  display:block;
}
.ltca-lb-trophy strong{
  color:#fff;
  font-size:15px;
}
.ltca-lb-trophy small{
  color:#ffb36b;
  font-weight:900;
  font-size:22px;
  margin-top:6px;
}
.ltca-lb-table{
  padding:24px 28px 12px;
  display:grid;
  gap:12px;
}
.ltca-leader-row{
  display:grid;
  grid-template-columns:74px minmax(0,1fr) 128px;
  gap:16px;
  align-items:center;
  padding:18px 20px;
  border:1px solid #edf0f4;
  background:#fff;
  border-radius:22px;
  box-shadow:0 8px 24px rgba(16,24,40,.035);
}
.ltca-leader-row.is-first{
  border-color:rgba(255,107,26,.36);
  background:
    linear-gradient(90deg,rgba(255,107,26,.10),#fff 42%);
  box-shadow:0 14px 32px rgba(255,107,26,.12);
}
.ltca-leader-row.is-second{
  background:linear-gradient(90deg,rgba(148,163,184,.14),#fff 42%);
}
.ltca-leader-row.is-third{
  background:linear-gradient(90deg,rgba(180,83,9,.10),#fff 42%);
}
.ltca-rank span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:54px;
  height:54px;
  border-radius:18px;
  background:#f3f4f6;
  color:#667085;
  font-weight:950;
  font-size:19px;
}
.ltca-leader-row.is-first .ltca-rank span{
  background:linear-gradient(135deg,#ff6b1a,#ff9f5a);
  color:#fff;
}
.ltca-player{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.ltca-avatar{
  width:48px;
  height:48px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#111827;
  color:#fff;
  font-weight:950;
  flex:0 0 auto;
}
.ltca-player strong{
  display:block;
  font-size:20px;
  line-height:1.15;
  color:#111827;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.ltca-player small{
  display:inline-flex;
  margin-top:6px;
  color:#ff6b1a;
  background:#fff3eb;
  border-radius:999px;
  padding:5px 10px;
  font-weight:800;
  font-size:12px;
}
.ltca-score-pill{
  justify-self:end;
  display:inline-flex;
  align-items:baseline;
  gap:6px;
  background:#111827;
  color:#fff;
  border-radius:999px;
  padding:12px 18px;
  min-width:104px;
  justify-content:center;
}
.ltca-score-pill strong{
  font-size:24px;
  line-height:1;
}
.ltca-score-pill span{
  color:rgba(255,255,255,.70);
  font-weight:800;
}
.ltca-lb-footer{
  margin:8px 28px 28px;
  padding:18px 20px;
  border-radius:22px;
  background:#fff8f3;
  border:1px solid #ffd8bf;
  display:flex;
  justify-content:space-between;
  gap:16px;
  align-items:center;
  color:#7a3a14;
}
.ltca-lb-footer span{
  color:#7a3a14;
}
.ltca-lb-footer strong{
  color:#ff6b1a;
}
.ltca-lb-empty{
  padding:32px;
  border:1px dashed #d0d5dd;
  border-radius:22px;
  text-align:center;
  color:#667085;
}
.ltca-lb-empty strong{
  display:block;
  color:#111827;
  font-size:22px;
  margin-bottom:6px;
}
@media(max-width:760px){
  .ltca-lb-hero{
    grid-template-columns:1fr;
    padding:26px;
  }
  .ltca-leader-row{
    grid-template-columns:52px minmax(0,1fr);
  }
  .ltca-score-pill{
    grid-column:2;
    justify-self:start;
    margin-top:6px;
  }
  .ltca-lb-footer{
    flex-direction:column;
    align-items:flex-start;
  }
}