/* KWCS collaboration planner — all rules scoped to .kwcs-planner */
.kwcs-planner [hidden]{display:none!important}
.kwcs-planner h1,.kwcs-planner h2,.kwcs-planner h3,.kwcs-planner p,.kwcs-planner li,.kwcs-planner label,.kwcs-planner legend{color:inherit;text-transform:none;letter-spacing:normal}

.kwcs-planner{
  --kp-ink:#0b2230;        
  --kp-deep:#071d27;       
  --kp-paper:#f2f6f7;      
  --kp-card:#ffffff;
  --kp-line:#d5e0e4;
  --kp-muted:#557080;
  --kp-teal:#1f8f84;       
  --kp-teal-soft:#dff2ef;
  --kp-amber:#a8660b; --kp-amber-soft:#fbefdc;
  --kp-chip:#eef3f5;
  --kp-onteal:#ffffff;
  --kp-shadow:0 1px 2px rgba(7,29,39,.06),0 8px 24px rgba(7,29,39,.06);
  --kp-serif:"Literata",Georgia,"Times New Roman",serif;
  --kp-sans:"Commissioner",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}
@media (prefers-color-scheme:dark){
  .kwcs-planner:not([data-theme="light"]){
    color-scheme:dark;
    --kp-ink:#e4eef1; --kp-deep:#030f15; --kp-paper:#071d27; --kp-card:#0d2835; --kp-line:#1f4050;
    --kp-muted:#8fb0bd; --kp-teal:#6fd3c7; --kp-teal-soft:#113a3a; --kp-amber:#f0b35c; --kp-amber-soft:#3a2a12;
    --kp-chip:#12303e; --kp-onteal:#062027; --kp-shadow:none;
  }
}
.kwcs-planner[data-theme="dark"]{
  color-scheme:dark;
  --kp-ink:#e4eef1; --kp-deep:#030f15; --kp-paper:#071d27; --kp-card:#0d2835; --kp-line:#1f4050;
  --kp-muted:#8fb0bd; --kp-teal:#6fd3c7; --kp-teal-soft:#113a3a; --kp-amber:#f0b35c; --kp-amber-soft:#3a2a12;
  --kp-chip:#12303e; --kp-onteal:#062027; --kp-shadow:none;
}
.kwcs-planner *{box-sizing:border-box}
.kwcs-planner{background:var(--kp-paper);color:var(--kp-ink);font:400 15px/1.55 var(--kp-sans);padding:0 16px 48px}
.kwcs-planner .wrap{max-width:780px;margin:0 auto}
.kwcs-planner header.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:20px 8px}
.kwcs-planner .brand{display:flex;flex-direction:column;line-height:1.1}
.kwcs-planner .brand b{font-weight:700;letter-spacing:.14em;font-size:15px}
.kwcs-planner .brand span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--kp-muted)}
.kwcs-planner .lang{display:flex;border:1px solid var(--kp-line);border-radius:999px;overflow:hidden}
.kwcs-planner .lang button{border:0;background:transparent;color:var(--kp-muted);font:600 12px var(--kp-sans);padding:6px 12px;cursor:pointer;letter-spacing:.06em}
.kwcs-planner .lang button[aria-pressed="true"]{background:var(--kp-ink);color:var(--kp-paper)}
.kwcs-planner .hero{padding-block:18px 8px}
.kwcs-planner .eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--kp-teal);font-weight:600}
.kwcs-planner h1{font:700 clamp(26px,5vw,36px)/1.15 var(--kp-sans);margin:8px 0 6px;text-wrap:balance}
.kwcs-planner h1 em{font:italic 600 1em/1.15 var(--kp-serif);color:var(--kp-teal)}
.kwcs-planner .lede{color:var(--kp-muted);max-width:60ch;margin:0}
.kwcs-planner .model-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:18px 0 6px}
.kwcs-planner .model-strip div{border-top:2px solid var(--kp-teal);padding-top:8px}
.kwcs-planner .model-strip b{display:block;font-size:14px}
.kwcs-planner .model-strip small{color:var(--kp-muted);font-size:13px}

.kwcs-planner .example{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;background:var(--kp-amber-soft);color:var(--kp-ink);border-radius:10px;padding:10px 14px;margin:18px 0 12px;font-size:13px}
.kwcs-planner .example b{color:var(--kp-amber)}
.kwcs-planner .linkbtn{border:0;background:none;color:var(--kp-teal);font:600 13px var(--kp-sans);cursor:pointer;text-decoration:underline;padding:0}

.kwcs-planner .panel{background:var(--kp-card);border:1px solid var(--kp-line);border-radius:14px;box-shadow:var(--kp-shadow);overflow:hidden}
.kwcs-planner .steps{display:flex;gap:4px;padding:14px 16px 0;list-style:none;margin:0}
.kwcs-planner .steps li{flex:1;min-width:0}
.kwcs-planner .steps button{width:100%;border:0;background:none;padding:0;cursor:pointer;text-align:left;color:var(--kp-muted);font:500 11px var(--kp-sans)}
.kwcs-planner .steps .bar{display:block;height:4px;border-radius:2px;background:var(--kp-line);margin-bottom:6px}
.kwcs-planner .steps li.done .bar,.kwcs-planner .steps li.cur .bar{background:var(--kp-teal)}
.kwcs-planner .steps li.cur button{color:var(--kp-ink);font-weight:700}
.kwcs-planner .steps .lbl{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:560px){.kwcs-planner .steps .lbl{display:none}.kwcs-planner .steps li.cur .lbl{display:block;position:absolute;left:16px}.kwcs-planner .steps{position:relative;padding-bottom:18px}}

.kwcs-planner .body{padding:22px 20px 8px}
.kwcs-planner .stephead{margin:0 0 4px;font-size:20px;font-weight:700;text-wrap:balance}
.kwcs-planner .stepsub{margin:0 0 18px;color:var(--kp-muted);font-size:14px}
.kwcs-planner .q{margin:0 0 22px;border:0;padding:0}
.kwcs-planner .q legend,.kwcs-planner .q>label.ql{font-weight:600;font-size:14px;margin-bottom:8px;display:block;padding:0}
.kwcs-planner .q .hint{font-size:12.5px;color:var(--kp-muted);margin:-4px 0 8px}
.kwcs-planner .opts{display:flex;flex-wrap:wrap;gap:8px}
.kwcs-planner .opt{border:1px solid var(--kp-line);background:var(--kp-chip);color:var(--kp-ink);border-radius:10px;padding:9px 13px;font:500 14px var(--kp-sans);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}
.kwcs-planner .opt small{display:block;color:var(--kp-muted);font-size:12px;font-weight:400}
.kwcs-planner .opt:hover{border-color:var(--kp-teal)}
.kwcs-planner .opt[aria-pressed="true"]{background:var(--kp-teal-soft);border-color:var(--kp-teal);box-shadow:inset 0 0 0 1px var(--kp-teal)}
.kwcs-planner .opts.big{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.kwcs-planner .opts.big .opt{padding:12px 14px}
.kwcs-planner .row{display:flex;flex-wrap:wrap;gap:14px}
.kwcs-planner .row>*{flex:1 1 180px}
.kwcs-planner input[type=number],.kwcs-planner select,.kwcs-planner input[type=text],.kwcs-planner input[type=tel]{width:100%;font:500 15px var(--kp-sans);color:var(--kp-ink);background:var(--kp-card);border:1px solid var(--kp-line);border-radius:10px;padding:10px 12px}
.kwcs-planner .stepper{display:flex;align-items:center;gap:8px;max-width:220px}
.kwcs-planner .stepper button{width:40px;height:42px;border:1px solid var(--kp-line);background:var(--kp-chip);color:var(--kp-ink);border-radius:10px;font:600 18px var(--kp-sans);cursor:pointer;flex:none}
.kwcs-planner .stepper input{text-align:center;font-variant-numeric:tabular-nums}
.kwcs-planner :focus-visible{outline:2px solid var(--kp-teal);outline-offset:2px}

.kwcs-planner .nav{display:flex;justify-content:space-between;gap:10px;padding:14px 20px 18px;border-top:1px solid var(--kp-line)}
.kwcs-planner .btn{border:0;border-radius:10px;padding:11px 18px;font:600 14px var(--kp-sans);cursor:pointer}
.kwcs-planner .btn.pri{background:var(--kp-teal);color:var(--kp-onteal)}
.kwcs-planner .btn.sec{background:var(--kp-chip);color:var(--kp-ink)}
.kwcs-planner .btn[disabled]{opacity:.4;cursor:default}


.kwcs-planner .res-hero{background:var(--kp-deep);color:#e8f3f5;padding:22px 20px}
.kwcs-planner .res-hero .eyebrow{color:#6fd3c7}
.kwcs-planner .res-hero h2{font:700 24px/1.2 var(--kp-sans);margin:6px 0 4px;text-wrap:balance}
.kwcs-planner .res-hero h2 em{font:italic 600 1em var(--kp-serif);color:#6fd3c7}
.kwcs-planner .res-hero p{margin:0;color:#a9c4cd;max-width:62ch}
.kwcs-planner .fee-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.kwcs-planner .pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:600;background:rgba(111,211,199,.15);color:#bdeee7}
.kwcs-planner .sec{padding:20px;border-top:1px solid var(--kp-line)}
.kwcs-planner .sec h3{margin:0 0 12px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--kp-muted)}
.kwcs-planner ul.why{margin:0;padding-left:18px}
.kwcs-planner ul.why li{margin-bottom:6px}
.kwcs-planner .items{display:flex;flex-direction:column;gap:0}
.kwcs-planner .item{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:12px 0;border-bottom:1px dashed var(--kp-line)}
.kwcs-planner .item:last-child{border-bottom:0}
.kwcs-planner .item b{font-size:15px}
.kwcs-planner .item p{grid-column:1/2;margin:0;color:var(--kp-muted);font-size:13.5px}
.kwcs-planner .price{grid-row:1/3;grid-column:2;align-self:start;text-align:right;font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}
.kwcs-planner .price small{display:block;font-weight:500;color:var(--kp-muted);font-size:11.5px}
@media (max-width:560px){
  .kwcs-planner .item{grid-template-columns:1fr}
  .kwcs-planner .price{grid-row:auto;grid-column:1;text-align:left;display:flex;gap:8px;align-items:baseline}
  .kwcs-planner .price small{display:inline}
  .kwcs-planner .timeline li{grid-template-columns:1fr;gap:2px}
}
.kwcs-planner .tbd{display:inline-block;border:1px dashed var(--kp-amber);color:var(--kp-amber);border-radius:6px;padding:1px 7px;font-size:12px;font-weight:600}
.kwcs-planner .tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 8px;border-radius:6px;background:var(--kp-teal-soft);color:var(--kp-teal);margin-left:6px;vertical-align:2px}
.kwcs-planner .timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.kwcs-planner .timeline li{display:grid;grid-template-columns:110px 1fr;gap:12px}
.kwcs-planner .timeline .when{font-variant-numeric:tabular-nums;font-weight:700;color:var(--kp-teal);font-size:13.5px}
.kwcs-planner .timeline p{margin:2px 0 0;color:var(--kp-muted);font-size:13.5px}
.kwcs-planner .warn{background:var(--kp-amber-soft);border-radius:10px;padding:10px 12px;font-size:13.5px;margin-top:12px}
.kwcs-planner .warn b{color:var(--kp-amber)}
.kwcs-planner .need{columns:2 220px;margin:0;padding-left:18px}
.kwcs-planner .need li{margin-bottom:6px;break-inside:avoid}
.kwcs-planner .send .row{margin-bottom:12px}
.kwcs-planner .send label{font-size:13px;font-weight:600;display:block;margin-bottom:4px}
.kwcs-planner .contact-alt{font-size:13px;color:var(--kp-muted);margin-top:10px}
.kwcs-planner .contact-alt code{font:600 13px var(--kp-sans);color:var(--kp-ink);user-select:all}
.kwcs-planner .fine{font-size:12px;color:var(--kp-muted);margin-top:14px}
.kwcs-planner .toast{font-size:13px;color:var(--kp-teal);font-weight:600;margin-left:8px}
@media (prefers-reduced-motion:reduce){.kwcs-planner *{transition:none!important}}
/* Align the embedded planner with the site shell without changing other pages. */
#kwcs-planner .hero{margin:0;min-height:0;position:static;border:0;border-radius:0;background:transparent;color:inherit;display:block;padding:18px 0 8px;box-shadow:none;isolation:auto}
#kwcs-planner .hero h1{font:700 clamp(26px,5vw,36px)/1.15 var(--kp-sans);letter-spacing:normal;margin:8px 0 6px;max-width:none}
#kwcs-planner .hero .eyebrow{color:var(--kp-teal)}
#kwcs-planner .hero p{color:var(--kp-muted);margin:0;max-width:60ch;font-size:15px;line-height:1.55}
#kwcs-planner header.top[hidden]{display:none!important}
#kwcs-planner .panel button,#kwcs-planner .panel input,#kwcs-planner .panel select{font-family:var(--kp-sans)}
