/* ============================================================
   ENERGY CONTRACT CHECKUP: opt-in page and checklist
   ============================================================ */

/* Opt-in page: logo only, nothing else to click */
.ck-header{position:absolute;inset:0 0 auto;z-index:5;padding:1.1rem 0}
.ck-logo{display:inline-flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none}
.ck-hero{padding:6.5rem 0 4rem;min-height:100vh}
.ck-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:3rem;align-items:center}
.ck-kicker{display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green2);margin-bottom:1rem}
.ck-h1{font-family:var(--head);font-size:clamp(2rem,4.2vw,3.3rem);line-height:1.08;color:#fff;margin:0 0 1.1rem;overflow-wrap:break-word}
.ck-sub{font-size:1.1rem;line-height:1.6;color:rgba(255,255,255,.78);margin:0 0 1.5rem;max-width:36rem}
.ck-bullets{list-style:none;padding:0;margin:0 0 1.5rem;display:grid;gap:.75rem}
.ck-bullets li{position:relative;padding-left:2rem;color:#fff;font-size:1.02rem;line-height:1.5}
.ck-bullets li::before{content:'✓';position:absolute;left:0;top:0;width:1.4rem;height:1.4rem;border-radius:50%;background:rgba(16,185,129,.18);color:var(--green2);font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center}
.ck-for{font-size:.88rem;color:rgba(255,255,255,.55);margin:0}

.ck-card{background:#fff;border-radius:20px;padding:1.75rem;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.ck-card h2{font-family:var(--head);font-size:1.35rem;line-height:1.2;color:var(--tx);margin:0 0 .35rem}
.ck-card-sub{font-size:.92rem;color:var(--tx3);margin:0 0 1.1rem}
.ck-field{margin-bottom:.8rem}
.ck-field label{display:block;font-size:.86rem;font-weight:600;color:var(--tx);margin-bottom:.3rem}
.ck-field label em{font-style:normal;font-weight:500;color:var(--tx3)}
.ck-field input{width:100%;min-height:50px;padding:.7rem .9rem;border:1.5px solid var(--bdrlt);border-radius:12px;font:500 16px/1.2 var(--sans);color:var(--tx);background:#fff;box-sizing:border-box}
.ck-field input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(37,99,235,.15)}
.ck-field input.error{border-color:var(--red)}
.ck-btn{width:100%;min-height:56px;border:0;border-radius:14px;background:var(--green);color:#fff;font:800 1.08rem var(--sans);cursor:pointer;box-shadow:0 6px 20px rgba(16,185,129,.35);margin-top:.3rem}
.ck-btn:disabled{opacity:.7;cursor:wait}
.ck-err{color:#991B1B;font-size:.88rem;margin:.6rem 0 0;min-height:1.2em}
.ck-fine{font-size:.8rem;color:var(--tx3);text-align:center;margin:.75rem 0 0;line-height:1.45}
.ck-foot{padding:1.25rem 0;background:var(--ink);color:rgba(255,255,255,.45);font-size:.8rem;text-align:center}
.ck-foot a{color:rgba(255,255,255,.6)}

@media (max-width:900px){
  .ck-hero{padding:5.5rem 0 3rem;min-height:0}
  .ck-grid{grid-template-columns:minmax(0,1fr);gap:2rem}
}

/* Checklist page */
.cl-page .header{background:rgba(4,12,26,.97)}
.cl-page .sp-breadcrumb a{color:var(--blue3)}
.cl-wrap{max-width:780px;margin:0 auto}
.cl-ack{background:rgba(16,185,129,.08);border:1.5px solid rgba(16,185,129,.35);border-radius:14px;padding:1rem 1.2rem;color:var(--tx);font-size:1.02rem;line-height:1.55;margin:0 0 1.5rem}
.cl-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin:0 0 2rem}
.cl-intro{font-size:1.05rem;color:var(--tx2);line-height:1.6;margin:0 0 1.5rem}
.cl-part{background:#fff;border:1px solid var(--bdrlt);border-radius:16px;padding:1.25rem 1.4rem;margin:0 0 1.1rem}
.cl-part h2{font-family:var(--sans);font-size:1.2rem;color:var(--tx);margin:0 0 .75rem}
.cl-item{display:flex;gap:.8rem;align-items:flex-start;padding:.7rem 0;border-top:1px solid var(--bdrlt)}
.cl-item:first-of-type{border-top:0}
.cl-item input{-webkit-appearance:checkbox;appearance:auto;flex-shrink:0;width:22px;height:22px;margin:.15rem 0 0;accent-color:var(--green);cursor:pointer}
.cl-item label{font-size:.98rem;line-height:1.55;color:var(--tx2);cursor:pointer}
.cl-item label strong{color:var(--tx)}
.cl-item input:checked + label{color:var(--tx3)}
.cl-progress{font-size:.9rem;font-weight:700;color:var(--green);margin:0 0 1rem}
.cl-closing{font-size:1.05rem;color:var(--tx);font-weight:600;margin:1.5rem 0 2rem}
.cl-help{background:var(--bg2);border-radius:18px;padding:1.5rem;margin:0 0 2rem}
.cl-help h2{font-family:var(--head);font-size:1.4rem;color:var(--tx);margin:0 0 .5rem}
.cl-help p{color:var(--tx2);line-height:1.6;margin:0 0 1rem}

@media print{
  .header,.footer,.cl-actions,.cl-help,.bu-bar,.fab-phone,.sp-breadcrumb{display:none!important}
  body{background:#fff!important;padding:0!important}
  .sp-section{padding:0!important}
  .cl-part{break-inside:avoid;border-color:#999}
  .cl-ack{border-color:#999;background:#fff}
}