/* ==========================================================
   Sellerpad – light theme sections, results, pricing, calculator
   ========================================================== */
:root{--ink:#142B49;--ink-2:#41597A;--lt-bg:#F3F8FE;--lt-bg-2:#E6F0FB;--lt-line:rgba(20,43,73,.12);--accent-d:#2468B0}

/* ---------- Light sections ---------- */
#services.light,#why.light,#resources.light,#case-studies.light,#calculator.light{
  color:var(--ink);
  background:
   radial-gradient(800px 420px at 100% 0%,rgba(142,197,244,.45),transparent 70%),
   radial-gradient(700px 400px at 0% 100%,rgba(92,165,232,.22),transparent 70%),
   linear-gradient(180deg,#F7FAFE 0%,#E9F2FC 100%)}
#why.light{background:radial-gradient(900px 480px at 50% 0%,rgba(142,197,244,.5),transparent 70%),linear-gradient(180deg,#F7FAFE,#EAF2FB)}
#resources.light{background:radial-gradient(rgba(20,43,73,.08) 1.2px,transparent 1.2px) 0 0/30px 30px,linear-gradient(180deg,#F3F8FE,#E3EEFA)}
#case-studies.light{background:radial-gradient(rgba(20,43,73,.07) 1.2px,transparent 1.2px) 0 0/30px 30px,linear-gradient(135deg,#F7FAFE,#DDEBFA 60%,#F3F8FE)}
.light::after{opacity:.22!important;background:#8EC5F4}
.light.grid-bg::before{background-image:linear-gradient(rgba(20,43,73,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(20,43,73,.06) 1px,transparent 1px);opacity:.8}
.light .section-head h2,.light h2{background:linear-gradient(180deg,#0F2139,#27527F);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.light .section-head p,.light .section-head+p{color:var(--ink-2)}
.light .eyebrow{color:var(--accent-d)}
.light .section-head .eyebrow::before{background:var(--accent-d)}
.light .card{background:#fff;border:1px solid var(--lt-line);box-shadow:0 14px 40px -22px rgba(20,43,73,.35);backdrop-filter:none}
.light .card:hover{border-color:rgba(36,104,176,.45);box-shadow:0 26px 60px -24px rgba(36,104,176,.5)}
.light .card::before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(92,165,232,.16),transparent 45%)}
.light .card::after{background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(36,104,176,.8),transparent 60%)}
.light .svc h3,.light .why h3{color:var(--ink)}
.light .svc p,.light .why p{color:var(--ink-2)}
.light .svc-ico{background:linear-gradient(145deg,#E3F0FD,#CFE4FA);border-color:rgba(36,104,176,.2);color:var(--accent-d)}
.light .more{color:var(--accent-d)}
.light .why:nth-child(1){background:linear-gradient(160deg,#E1EFFD,#fff 70%)}
.light .why .big{color:var(--accent-d)}
.light .why:nth-child(1)>div::after{background:radial-gradient(circle,rgba(92,165,232,.45),transparent 65%)}
.light .faq{background:#fff;border-color:var(--lt-line);box-shadow:0 10px 30px -20px rgba(20,43,73,.4)}
.light .faq.open{background:#F3F8FE;border-color:rgba(36,104,176,.5)}
.light .faq-q{color:var(--ink)}
.light .faq-q .icon{color:var(--accent-d)}
.light .faq-a p{color:var(--ink-2)}
.light .deco{border-color:rgba(36,104,176,.22)}

/* soft wave dividers into/out of light sections */
.light{border-top:1px solid rgba(255,255,255,.4)}

/* ---------- Real results ---------- */
.an-note.ok{background:rgba(52,211,153,.1);border-color:rgba(52,211,153,.4);color:#86EFC4}
.res-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:22px}
.res-kpi{padding:24px;border-radius:var(--radius);background:linear-gradient(160deg,#1C2A3A,var(--dash));border:1px solid var(--line-2);position:relative;overflow:hidden}
.res-kpi::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(92,165,232,.35),transparent 70%)}
.res-kpi b{display:block;font-family:var(--mono);font-size:2.1rem;letter-spacing:-.03em;margin:10px 0 6px;color:#fff}
.res-kpi small{color:#8EA5BF;font-size:.8rem;line-height:1.4;display:block}
.res-foot{margin-top:22px;color:#8EA5BF;font-size:.85rem;text-align:center}
.light-foot{color:var(--ink-2)}
/* vertical paired bars */
.vbars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:end;height:270px;padding-top:14px}
.vg{display:flex;flex-direction:column;justify-content:flex-end;height:100%;gap:10px;text-align:center;font-size:.72rem;color:#7C8FA6;font-family:var(--mono);line-height:1.4}
.vpair{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:8px}
.vpair i{position:relative;width:min(44px,38%);height:0;border-radius:8px 8px 4px 4px;transition:height 1.2s cubic-bezier(.2,.8,.2,1)}
.vpair i.g{background:rgba(92,165,232,.55)}
.vpair i.n{background:linear-gradient(180deg,#8EC5F4,#4C93DB)}
.vpair em{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);font-style:normal;font-size:.68rem;color:#fff;white-space:nowrap}
.vbars.go .vpair i{height:var(--h)}
/* horizontal rows */
.hrow{display:grid;grid-template-columns:120px 1fr 64px;gap:12px;align-items:center;margin-bottom:12px}
.hrow .lbl{font-size:.82rem;font-weight:600}
.hrow .lbl small{display:block;font-weight:500;font-size:.68rem;color:#7C8FA6;font-family:var(--mono)}
.hrow .tr{height:10px;border-radius:6px;background:rgba(255,255,255,.07);overflow:hidden}
.hrow .tr i{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,#F5A524,#FBC66A);transition:width 1.3s cubic-bezier(.2,.8,.2,1)}
.hrow b{font-family:var(--mono);font-size:.85rem;text-align:right}
.hrows.go .tr i,.panel.go .hrow .tr i{width:var(--w)}

/* ---------- Case studies (light) ---------- */
.light .cs{gap:16px;padding:30px}
.realtag{position:absolute;top:18px;right:18px;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;padding:5px 10px;border-radius:999px;background:rgba(21,128,61,.1);border:1px solid rgba(21,128,61,.35);color:#15803D}
.cs-badge{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;font-weight:800;font-size:1.5rem}
.cs-badge.amz{background:#FFF3DC;color:#C77700}
.cs-badge.flp{background:#E3F0FD;color:#2468B0}
.light .cs-mp{color:var(--accent-d)}
.cs-big{font-family:var(--mono);font-size:2.4rem;font-weight:700;letter-spacing:-.04em;color:var(--ink);line-height:1.1}
.cs-per{font-size:.85rem;color:var(--ink-2);margin-top:4px}
.cs-note{font-size:.78rem;color:#7B90A8;font-family:var(--mono)}
.light .results{border-top:1px solid var(--lt-line)}
.light .results div{background:#EEF5FD}
.light .results b{color:var(--ink);font-size:1.02rem}
.light .results small{color:var(--ink-2)}

/* ---------- Pricing ---------- */
.inc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:50px}
.inc{padding:26px;display:flex;flex-direction:column;gap:12px}
.inc-n{font-family:var(--mono);color:var(--blue);font-size:.8rem;letter-spacing:.16em}
.inc h3{font-size:1.08rem;line-height:1.3}
.inc p{color:var(--muted);font-size:.9rem;flex:1}
.goal{font-size:.82rem;padding:12px;border-radius:12px;background:rgba(142,197,244,.08);color:#CFE0F1}
.goal b{color:var(--blue)}
.term-toggle{display:flex;width:max-content;max-width:100%;margin:0 auto 34px;padding:5px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid var(--line)}
.term-toggle button{padding:12px 24px;border-radius:10px;font-weight:700;font-size:.95rem;color:var(--muted);transition:.25s}
.term-toggle button.on{background:linear-gradient(180deg,#A6D3F8,#6FB1EC);color:#0F2A4A;box-shadow:0 8px 20px -8px rgba(92,165,232,.7)}
.term-toggle button:not(.on):hover{color:#fff}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1040px;margin-inline:auto}
.price{padding:34px;display:flex;flex-direction:column;gap:24px;position:relative}
.mp-name{display:flex;align-items:center;gap:12px;font-size:1.3rem;font-weight:800}
.best-tag{position:absolute;top:-12px;left:50%;margin-left:-62px;font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;padding:5px 10px;border-radius:999px;background:rgba(52,211,153,.12);border:1px solid rgba(52,211,153,.4);color:#86EFC4;opacity:0;transform:translateY(6px);transition:.3s;background:#10261f}
.price.show-best .best-tag{opacity:1;transform:none}
.amt{font-family:var(--mono);font-size:2.6rem;font-weight:700;letter-spacing:-.04em;line-height:1.1}
.per{color:var(--muted);font-size:.9rem;margin-top:4px}
.gst{color:#7C8FA6;font-size:.8rem;font-family:var(--mono);margin-top:2px}
.mo{display:inline-block;margin-top:10px;padding:5px 12px;border-radius:999px;background:rgba(142,197,244,.1);font-size:.78rem;color:var(--blue);font-family:var(--mono)}
.price ul{display:grid;gap:12px;flex:1}
.price li{display:flex;gap:10px;color:#D3E2F2;font-size:.92rem}
.price li .icon{color:var(--green);width:18px;height:18px;margin-top:3px}
.price .btn{width:100%}
.price-note{text-align:center;margin-top:26px;color:#8EA5BF;font-size:.85rem}
.amt.tick{animation:tick .45s}
@keyframes tick{0%{transform:translateY(8px);opacity:0}100%{transform:none;opacity:1}}

/* ---------- Calculator ---------- */
.calc-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start;max-width:1100px;margin-inline:auto}
.calc-form{padding:32px;display:grid;gap:18px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.light .field label{color:var(--ink)}
.light .field input,.light .field select{background:#F3F8FE;color:var(--ink);border-color:rgba(20,43,73,.18)}
.light .field input:focus{border-color:var(--accent-d);box-shadow:0 0 0 4px rgba(36,104,176,.15)}
.calc-note{font-size:.8rem;color:#6C819B;line-height:1.5}
.calc-out{padding:32px;border-radius:var(--radius);background:linear-gradient(160deg,#1C3D63,#142B49);border:1px solid rgba(255,255,255,.1);color:#fff;box-shadow:0 30px 70px -30px rgba(20,43,73,.8);display:grid;gap:18px}
.calc-profit{font-family:var(--mono);font-size:3rem;font-weight:700;letter-spacing:-.04em;line-height:1;transition:color .3s}
.calc-profit.neg{color:#FCA5A5}
.calc-profit.pos{color:#86EFC4}
.calc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.calc-stats div{padding:12px;border-radius:12px;background:rgba(255,255,255,.07)}
.calc-stats small{display:block;font-size:.68rem;color:#B8C9DC;margin-bottom:4px}
.calc-stats b{font-family:var(--mono);font-size:1.02rem}
.stack{display:flex;height:16px;border-radius:99px;overflow:hidden;background:rgba(255,255,255,.08)}
.stack i{display:block;height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1)}
.calc-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;font-size:.78rem;color:#D3E2F2}
.calc-legend li{display:flex;align-items:center;gap:8px;justify-content:space-between}
.calc-legend li span{display:flex;align-items:center;gap:8px}
.calc-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}
.calc-legend b{font-family:var(--mono);font-weight:600}

/* testimonials extra */
.t-card .stars{color:#F5A524;letter-spacing:3px;margin-top:18px;font-size:1rem}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .res-kpis,.inc-grid{grid-template-columns:1fr 1fr}
  .calc-grid{grid-template-columns:1fr}
}
@media (max-width:900px){
  .price-grid{grid-template-columns:1fr;max-width:480px}
  .res-kpis+.an-grid .p-6{grid-column:span 12}
}
@media (max-width:640px){
  .res-kpis,.inc-grid{grid-template-columns:1fr}
  .res-kpi b{font-size:1.7rem}
  .row2{grid-template-columns:1fr}
  .hrow{grid-template-columns:96px 1fr 56px}
  .term-toggle button{padding:11px 14px;font-size:.85rem}
  .calc-stats{grid-template-columns:1fr}
  .calc-profit{font-size:2.4rem}
  .vbars{height:230px;gap:8px}
  .cs-big{font-size:2rem}
}