.calisun-sim--lite{
--lite-blue:#0e6eb6;
--lite-ink:#1c2432;
--lite-muted:#5c6578;
--lite-border:#e4e6ec;
--lite-yellow:#ffbc00;
background:#fff;
color:var(--lite-ink);
border-radius:10px;
box-shadow:0 18px 40px rgba(7,58,99,.32);
overflow:visible;
max-height:none;
}
.calisun-sim--lite.is-suggesting{z-index:5;position:relative}
.lite-card{padding:1.15rem 1.2rem 1.25rem}
.lite-progress{display:flex;gap:.4rem;justify-content:center;margin:0 0 1rem}
.lite-dot{
width:2rem;height:4px;border-radius:99px;background:#e6edf5;
transition:background .25s ease,width .25s ease;
}
.lite-dot.is-active{background:var(--lite-blue);width:2.4rem}
.lite-dot.is-done{background:#9ec7e8}
.lite-title{margin:0 0 .35rem;font-size:1.2rem;font-weight:800;line-height:1.25;color:var(--lite-ink)}
.lite-sub{margin:0 0 .9rem;font-size:.88rem;line-height:1.4;color:var(--lite-muted)}
.lite-label{display:block;margin:0 0 .35rem;font-size:.78rem;font-weight:700;color:var(--lite-muted)}
.lite-input{
width:100%;min-height:48px;padding:.7rem .9rem;border:1.5px solid var(--lite-border);
border-radius:10px;font-size:1rem;color:var(--lite-ink);background:#fff;outline:none;
}
.lite-input:focus{border-color:var(--lite-blue)}
.lite-addr-wrap{position:relative;margin-bottom:.9rem}
.lite-suggestions{
position:absolute;left:0;right:0;top:calc(100% + .3rem);z-index:20;
background:#fff;border:1px solid var(--lite-border);border-radius:10px;
box-shadow:0 12px 28px rgba(7,58,99,.18);padding:.3rem;overflow:visible;
}
.lite-sug{
display:block;width:100%;text-align:left;border:0;background:transparent;
padding:.7rem .75rem;border-radius:8px;font-size:.92rem;color:var(--lite-ink);cursor:pointer;
}
.lite-sug:hover,.lite-sug:focus{background:#e8f3fa;outline:none}
.lite-chips{display:flex;flex-wrap:wrap;gap:.45rem;margin:0 0 .75rem}
.lite-chip{
min-height:40px;padding:.45rem .85rem;border-radius:999px;border:1.5px solid var(--lite-border);
background:#fff;color:var(--lite-ink);font-weight:700;font-size:.9rem;cursor:pointer;
}
.lite-chip.is-active{border-color:var(--lite-blue);background:#e8f3fa;color:var(--lite-blue)}
.lite-suffix{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}
.lite-suffix .lite-input{flex:1}
.lite-suffix span{flex:none;font-size:.88rem;font-weight:600;color:var(--lite-muted);white-space:nowrap}
.lite-btn{
display:inline-flex;align-items:center;justify-content:center;min-height:48px;
padding:.7rem 1.1rem;border-radius:8px;font-weight:700;font-size:.95rem;cursor:pointer;
border:1.5px solid transparent;text-decoration:none!important;
}
.lite-btn--primary{background:var(--lite-blue);color:#fff!important;width:100%;margin-top:.35rem}
.lite-btn--primary:disabled{opacity:.65;cursor:wait}
.lite-btn--ghost{background:#fff;color:var(--lite-muted)!important;border-color:var(--lite-border)}
.lite-actions{display:flex;gap:.55rem;margin-top:1rem;align-items:stretch}
.lite-actions .lite-btn--ghost{flex:0 0 auto;min-width:5.5rem;margin-top:0}
.lite-actions .lite-btn--primary{flex:1;margin-top:0}
.lite-error{
margin:0 0 .75rem;padding:.65rem .8rem;border-radius:8px;
background:#fff1f0;color:#a11;font-size:.86rem;font-weight:600;
}
.lite-form .lite-label{margin-top:.55rem}
.lite-form .lite-label:first-child{margin-top:0}
.lite-row{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}
.lite-consent{
display:flex;gap:.55rem;align-items:flex-start;margin:.75rem 0 .15rem;
font-size:.78rem;line-height:1.35;color:var(--lite-muted);cursor:pointer;
}
.lite-consent input{margin-top:.15rem;flex:none;width:1.05rem;height:1.05rem;accent-color:var(--lite-blue)}
.lite-fine{margin:.9rem 0 0;font-size:.82rem}
.lite-fine a{color:var(--lite-blue);font-weight:700}
.lite-lead-panel{padding-top:.15rem}
.lite-back-link{
display:inline-block;border:0;background:transparent;color:#0e6eb6;font-weight:700;
font-size:.82rem;padding:0;margin:0 0 .55rem;cursor:pointer;
}
.lite-thanks-banner{
display:flex;gap:.7rem;align-items:center;padding:.7rem .8rem;margin:0 0 .75rem;
border-radius:10px;background:#e7f8ef;color:#145c38;
}
.lite-thanks-banner .lite-thanks-icon{
width:2rem;height:2rem;margin:0;flex:none;font-size:1rem;
border-radius:999px;display:flex;align-items:center;justify-content:center;
background:#d8f3e5;color:#1a7a4c;font-weight:800;
}
.lite-thanks-banner strong{display:block;font-size:.92rem}
.lite-thanks-banner span{display:block;font-size:.78rem;margin-top:.1rem;color:#2d6b4c} .lite-teaser{position:relative;overflow:hidden;padding-bottom:.1rem}
.lite-hook{
margin:0 0 .65rem;text-align:center;padding:.75rem .7rem .8rem;border-radius:12px;
background:linear-gradient(160deg,#073a63 0%,#0e6eb6 100%);color:#fff;
}
.lite-hook-kicker{margin:0 0 .25rem;font-size:.74rem;opacity:.88;font-weight:600}
.lite-hook-value{margin:0;font-size:.95rem;font-weight:600}
.lite-hook-value strong{display:block;font-size:1.85rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-top:.1rem}
.lite-hook-sub{margin:.28rem 0 0;font-size:.78rem;opacity:.9}
.lite-hook-boost{
margin:.55rem 0 0;padding:.45rem .55rem;border-radius:8px;
background:rgba(255,188,0,.22);border:1px solid rgba(255,188,0,.45);
color:#fff;font-size:.78rem;font-weight:700;line-height:1.35;
}
.lite-hook--clear{margin-bottom:.55rem} .lite-gated-wrap{
position:relative;
margin:0 -.15rem;
min-height:280px;
}
.lite-gated-content{
padding:.15rem .15rem .85rem;
filter:blur(9px);
-webkit-filter:blur(9px);
pointer-events:none;
user-select:none;
min-height:260px;
}
.lite-power-title{
margin:0 0 .45rem;font-size:.72rem;font-weight:800;color:#5c6578;
text-transform:uppercase;letter-spacing:.04em;text-align:center;
}
.lite-power-cards{
display:flex!important;
flex-direction:row!important;
flex-wrap:nowrap!important;
gap:.4rem!important;
align-items:stretch;
width:100%;
}
.lite-power-cards .lite-pcard,
button.lite-pcard{
position:relative;display:flex!important;flex-direction:column!important;align-items:flex-start!important;
justify-content:flex-start;gap:.12rem;
flex:1 1 0!important;width:0!important;max-width:none!important;
min-width:0!important;min-height:0!important;height:auto!important;
padding:.55rem .4rem .5rem!important;margin:0!important;
border:1.5px solid #e4e6ec!important;border-radius:10px!important;background:#fff!important;
text-align:left!important;cursor:pointer;color:#1c2432!important;
box-shadow:none;float:none!important;
}
.lite-pcard.is-active{border-color:#0e6eb6!important;background:#eef6fc!important;box-shadow:0 0 0 1px #0e6eb6}
.lite-pcard-badge{
display:inline-block;margin:0 0 .15rem;padding:.1rem .35rem;border-radius:99px;
background:#ffbc00;color:#1a1400;font-size:.58rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase;
}
.lite-pcard-kwp{font-size:.7rem;font-weight:700;color:#5c6578}
.lite-pcard-save{font-size:.9rem;font-weight:800;line-height:1.15;color:#0f2a43}
.lite-pcard-save span{font-size:.65rem;font-weight:600;color:#5c6578}
.lite-pcard-meta,.lite-pcard-long{font-size:.62rem;line-height:1.25;color:#5c6578}
.lite-pcard-long{color:#0e6eb6;font-weight:700}
#lite-power-cards-clear.lite-power-cards{margin-bottom:.65rem} .lite-gated-filler{margin-top:.75rem;padding:0 .1rem .4rem}
.lite-gated-stat{
display:flex;align-items:baseline;justify-content:space-between;gap:.5rem;
margin:0 0 .55rem;padding:.7rem .75rem;border-radius:12px;
background:linear-gradient(135deg,#0e6eb6,#073a63);color:#fff;
}
.lite-gated-stat span{font-size:.72rem;font-weight:600;opacity:.85}
.lite-gated-stat strong{font-size:1.35rem;font-weight:800;letter-spacing:-.02em}
.lite-gated-row{
height:2.4rem;margin:0 0 .45rem;border-radius:10px;
background:linear-gradient(90deg,#d7e3ef 0%,#eef3f8 45%,#d7e3ef 100%);
}
.lite-gated-row--short{width:72%;height:1.7rem}
.lite-gated-bars{display:flex;gap:.4rem;margin-top:.55rem}
.lite-gated-bars span{
flex:1;height:4.2rem;border-radius:10px;
background:linear-gradient(180deg,#c5d8ea 0%,#e8f0f7 100%);
}
.lite-blur-hint{
position:absolute;inset:0;z-index:5;
display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
gap:.4rem;padding:3.9rem .85rem 1.2rem;text-align:center;
background:linear-gradient(
180deg,
rgba(255,255,255,0) 0%,
rgba(255,255,255,.45) 8%,
rgba(255,255,255,.88) 20%,
rgba(248,250,252,.98) 36%,
#fff 52%
);
}
.lite-blur-eye{
width:3.1rem;height:3.1rem;border-radius:999px;display:flex;align-items:center;justify-content:center;
background:#fff;color:#0e6eb6;box-shadow:0 10px 28px rgba(7,58,99,.16);
flex:none;
animation:liteEyePulse 2.4s ease-in-out infinite;
}
.lite-blur-eye svg{display:block}
@keyframes liteEyePulse{
0%,100%{transform:scale(1);box-shadow:0 10px 28px rgba(7,58,99,.16)}
50%{transform:scale(1.05);box-shadow:0 12px 32px rgba(14,110,182,.28)}
}
.lite-blur-hint p{
margin:0;font-size:1.08rem;font-weight:800;color:#0f2a43;line-height:1.25;
}
.lite-blur-sub{
display:block;font-size:.82rem;line-height:1.4;color:#5c6578;font-weight:500;
max-width:22rem;margin:0;
}
.lite-blur-perks{
list-style:none!important;margin:.15rem 0 .1rem;padding:0;display:flex;flex-direction:column;gap:.2rem;
width:100%;max-width:18rem;
}
.lite-blur-perks span{
position:relative;display:block;padding:.2rem 0 .2rem 1.35rem;text-align:left;
font-size:.78rem;font-weight:700;color:#0f2a43;line-height:1.3;
}
.lite-blur-perks span::before{
content:"";position:absolute;left:0;top:.35rem;width:.72rem;height:.72rem;border-radius:50%;
background:#ffbc00;box-shadow:inset 0 0 0 2px #fff,0 0 0 1px #e0a400;
}
.lite-blur-trust{
display:block;margin-top:.15rem;font-size:.72rem;color:#7a8496;font-weight:600;
}
.lite-btn--unlock{
width:100%;max-width:100%;min-height:54px;margin-top:.4rem;padding:.9rem 1rem;
border:0!important;border-radius:10px!important;
background:linear-gradient(180deg,#ffd045 0%,#ffbc00 55%,#f0a800 100%)!important;
color:#1a1400!important;font-weight:800!important;font-size:.95rem;
box-shadow:0 10px 26px rgba(255,188,0,.45);
animation:liteCtaGlow 2.8s ease-in-out infinite;
}
.lite-btn--unlock:hover{filter:brightness(1.03);background:linear-gradient(180deg,#ffe06a 0%,#ffc61a 55%,#f5b000 100%)!important}
@keyframes liteCtaGlow{
0%,100%{box-shadow:0 10px 26px rgba(255,188,0,.4)}
50%{box-shadow:0 12px 32px rgba(255,188,0,.62)}
}
@media (max-width:960px){
.calisun-sim--lite{border-radius:8px;box-shadow:0 14px 32px rgba(7,58,99,.28)}
.lite-card{padding:1.05rem 1.05rem 1.15rem}
}
@media (max-width:640px){
.calisun-sim--lite{
box-shadow:0 16px 36px rgba(7,58,99,.42);
border:1px solid rgba(255,255,255,.55);
}
.lite-card{padding:.95rem .95rem 1.05rem}
.lite-title{font-size:1.1rem}
.lite-gated-wrap{min-height:240px}
.lite-gated-content{filter:blur(7px);-webkit-filter:blur(7px);min-height:220px}
.lite-blur-hint{padding:3.6rem .75rem 1.1rem;gap:.4rem}
.lite-pcard-save{font-size:.82rem}
.lite-hook-value strong{font-size:1.55rem}
.lite-blur-hint p{font-size:.98rem}
.lite-btn--unlock{font-size:.88rem}
}