.wk main .btn{padding:16px 26px}
.wk-card [hidden]{display:none!important}

.wk-hero{padding:80px var(--gutter) 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}
.wk-hero h1{font-size:clamp(48px,4.72vw,68px);line-height:1.04}
.wk-hero h1>span{display:block}
.wk-hero .lede{max-width:680px}
.wk .answer{padding-top:56px}
.wk .answer p{font-size:21px}

.wk-calc{padding:72px var(--gutter) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start;scroll-margin-top:20px}
.wk-inputs{grid-column:span 7;display:flex;flex-direction:column;gap:28px}
.wk-group{display:flex;flex-direction:column;gap:14px}
.wk-group h2{font-size:28px;line-height:1.2;letter-spacing:0}
.wk-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.wk-f{display:flex;flex-direction:column;gap:6px}
.wk-l{font-size:14px;font-weight:600}
.wk-h{font-size:12px;color:var(--slate)}
.inp{display:flex;align-items:center;height:48px;border:1px solid #b9c2d3;border-radius:6px;background:#fff;overflow:hidden}
.inp:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px rgba(21,107,179,.15)}
.inp>span{width:34px;flex-shrink:0;height:100%;display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--slate);background:var(--mist);border-right:1px solid var(--hair)}
.inp input{flex:1;min-width:0;height:100%;border:0;outline:0;padding:0 12px;font:400 16px Inter,sans-serif;color:var(--navy)}

.wk-side{grid-column:9/span 4}
.wk-card{border:1px solid var(--line);border-radius:12px;padding:28px;display:flex;flex-direction:column;gap:16px;background:#fff;box-shadow:0 20px 50px rgba(16,25,46,.1)}
.wk-card .eyebrow{font-size:12px;letter-spacing:.18em;gap:12px}
.wk-card .eyebrow img{width:18px;height:18px}
.wk main .wk-card .btn{padding:15px;font-size:18px}
.wk-result{display:flex;flex-direction:column;gap:16px}
.wk-empty{font-size:16px;line-height:1.55;color:var(--ink)}
.wk-row{display:flex;flex-direction:column;gap:6px}
.wk-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:15px;font-weight:600}
.wk-top b{font-family:Montserrat,sans-serif;font-size:20px;font-weight:800}
.wk-top .at{color:var(--rust)}
.wk-track{height:14px;background:var(--mist);border-radius:4px}
.bar{height:100%;border-radius:4px;transition:width .5s cubic-bezier(.2,.7,.2,1)}
.bar.now{width:4%;background:var(--slate)}
.bar.lynq{width:100%;background:var(--orange)}
.wk-note,.wk-fine{font-size:12.5px;line-height:1.5;color:var(--slate)}
.wk-out{border-top:1px solid var(--hair);padding-top:16px}
.wk-more{display:flex;flex-direction:column;gap:8px}
.wk-keep{font-size:14px;font-weight:600;color:var(--ink)}
.wk-big{font-family:Montserrat,sans-serif;font-size:46px;font-weight:800;color:var(--blue);line-height:1.1}
.wk-says{font-size:16px;line-height:1.5}
.wk-not{font-family:Montserrat,sans-serif;font-size:18px;font-weight:800}
.wk-inc{font-size:14.5px;line-height:1.55;color:var(--ink)}

.keep-form{border-top:1px solid var(--hair);padding-top:14px;display:flex;flex-direction:column;gap:10px}
.keep-q{font-size:14px;font-weight:600}
.keep-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.keep-fields input{min-width:0;height:44px;border:1px solid #b9c2d3;border-radius:6px;padding:0 12px;font:400 15px Inter,sans-serif;color:var(--navy)}
.keep-fields input:focus{outline:2px solid var(--blue);outline-offset:1px}
.wk main .wk-card .keep-send{padding:0;height:44px;background:#fff;color:var(--navy);border:1.5px solid var(--navy);border-radius:6px;font-size:15px}
.wk main .wk-card .keep-send:hover{color:var(--blue);border-color:var(--blue)}

.wk-math{display:flex;flex-direction:column;gap:16px}
.wk-lines{margin-top:8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.wk-lines .tcard{padding:18px;gap:6px}
.wk-lines strong{font-size:18px}
.wk-lines span{font-size:14.5px}

.wk-book{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.wk-book .body{max-width:620px}
.wk .qa p{margin-top:10px}

@media (max-width:1100px){
  .wk main .btn{padding:15px;display:block}
  .wk-hero{padding-top:32px;align-items:stretch;text-align:left;gap:14px}
  .wk-hero h1{font-size:min(36px,9.6vw);line-height:1.06}
  .wk .answer{padding-top:32px}
  .wk .answer p{font-size:17px}
  .wk-calc{padding-top:40px;display:flex;flex-direction:column;align-items:stretch;gap:24px}
  .wk-inputs{gap:24px}
  .wk-group h2{font-size:24px}
  .wk-fields{grid-template-columns:1fr}
  .wk-card{padding:20px}
  .wk-big{font-size:40px}
  .keep-fields{grid-template-columns:1fr}
  .keep-fields input{font-size:16px}
  .wk-math{gap:14px}
  .wk-lines{margin-top:0;grid-template-columns:1fr}
  .wk-lines .tcard{padding:18px;gap:6px}
  .wk-book{align-items:stretch;text-align:left;gap:14px}
  .wk .qa p{line-height:1.6}
}