/* Page styles: /canary/ */
/* ---------- Canary page ---------- */
.k-hero{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--rule);background:var(--ink);border:var(--rule) solid var(--ink);
  grid-template-areas:"kh kh kh kh kh kh kh ky ky ky ky ky" "kh kh kh kh kh kh kh ky ky ky ky ky" "kh kh kh kh kh kh kh k1 k1 k1 k2 k3";}
.k-head{grid-area:kh;background:#fff;padding:54px 46px 46px;display:flex;flex-direction:column;justify-content:center}
.crumb{font-size:.86rem;color:var(--ink-soft);margin:0 0 16px}
.crumb a{text-decoration:none;color:var(--ink);font-weight:600;border-bottom:2px solid var(--green)}
.k-badge{display:inline-flex;align-items:center;gap:10px;font-family:var(--fut);font-weight:600;font-size:.84rem;color:var(--ink);margin:0 0 16px}
.k-badge i{width:14px;height:14px;background:var(--yellow);border:2px solid var(--ink);display:block}
.k-badge span{background:var(--ink);color:var(--yellow);padding:2px 8px;font-size:.74rem}
.k-head h1{font-size:clamp(2.3rem,4.3vw,3.8rem);max-width:14ch}
.k-head .lede{max-width:50ch}
.k-yellow{grid-area:ky;background:var(--yellow);padding:36px 34px;display:flex;flex-direction:column;color:#243845}
.k-yellow h2{font-size:clamp(1.5rem,2.3vw,2.1rem);max-width:15ch;color:var(--ink)}
.k-yellow > p{margin:14px 0 0;max-width:42ch}
.kfacts{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--ink);border:4px solid var(--ink);margin-top:24px}
.kfacts div{background:var(--yellow);padding:12px 14px}
.kfacts b{display:block;font-family:var(--fut);font-weight:600;color:var(--ink);font-size:1.02rem}
.kfacts span{display:block;font-size:.76rem;margin-top:3px;color:#35495A}
.k1{grid-area:k1;background:var(--ink);min-height:64px}.k2{grid-area:k2;background:var(--mint)}.k3{grid-area:k3;background:var(--pink)}

.ksec{padding:72px 0}
.ksec.alt{background:var(--panel);border-top:var(--rule) solid var(--ink);border-bottom:var(--rule) solid var(--ink)}
.kprob{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}
.kprob h2{font-size:clamp(1.8rem,3vw,2.5rem);max-width:17ch}
.kprob p{font-size:1.06rem;margin:0 0 16px}
.kpull{border-left:8px solid var(--yellow);padding:6px 0 6px 24px;margin-top:8px}
.kpull p{font-family:var(--fut);font-weight:600;font-size:1.5rem;line-height:1.2;color:var(--ink);margin:0}

.ksteps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--rule);background:var(--ink);border:var(--rule) solid var(--ink)}
.ksteps div{background:#fff;padding:28px 26px 30px}
.ksteps div:first-child{background:var(--yellow)}
.ksteps .n{display:inline-block;font-family:var(--fut);font-weight:600;font-size:.78rem;background:var(--ink);color:var(--yellow);padding:2px 8px;margin-bottom:12px}
.ksteps h3{font-size:1.35rem}
.ksteps p{margin:10px 0 0;font-size:.97rem}

.kdemo{display:grid;grid-template-columns:5fr 7fr;gap:52px;align-items:center}
.kdemo h2{font-size:clamp(1.8rem,3vw,2.5rem);max-width:15ch}
.kdemo p{font-size:1.04rem;margin:14px 0 0;max-width:48ch}
.kdemo .punch{font-family:var(--fut);font-weight:600;color:var(--ink);font-size:1.2rem}
.bigsig{border:var(--rule) solid var(--ink);border-left:14px solid var(--yellow);background:#fff;padding:26px 28px}
.bigsig .top{display:flex;align-items:center;gap:10px;font-family:var(--fut);font-weight:600;font-size:.86rem;color:var(--ink);margin:0 0 14px}
.bigsig .top i{width:12px;height:12px;background:var(--yellow);border:2px solid var(--ink);display:block}
.bigsig .top span{margin-left:auto;font-weight:500;color:var(--ink-soft);font-size:.78rem}
.bigsig h3{font-size:1.45rem;max-width:24ch}
.bigsig dl{margin:18px 0 0;display:grid;gap:0;border-top:2px solid var(--line)}
.bigsig dl div{display:grid;grid-template-columns:140px 1fr;gap:16px;padding:12px 0;border-bottom:2px solid var(--line)}
.bigsig dt{font-family:var(--fut);font-weight:600;font-size:.84rem;color:var(--green)}
.bigsig dd{margin:0;font-size:.95rem}
.bigsig .acts2{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.bigsig .acts2 span{font-family:var(--fut);font-weight:600;font-size:.82rem;padding:7px 11px;border:2px solid var(--ink);color:var(--ink)}
.bigsig .acts2 span:first-child{background:var(--ink);color:#fff}

.kwatch{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--rule);background:var(--ink);border:var(--rule) solid var(--ink)}
.kwatch div{background:#fff;padding:22px 22px 24px;border-top:6px solid var(--yellow)}
.kwatch div:last-child{background:var(--yellow);border-top-color:var(--yellow)}
.kwatch h3{font-size:1.05rem}
.kwatch p{margin:8px 0 0;font-size:.92rem}

.kbuild{display:grid;grid-template-columns:1fr 1fr;gap:var(--rule);background:var(--ink);border:var(--rule) solid var(--ink)}
.kbuild div{background:#fff;padding:30px 28px 32px}
.kbuild div:first-child{background:var(--ink)}.kbuild div:first-child h3{color:#fff}.kbuild div:first-child p{color:#B9CEDE}
.kbuild .n{display:inline-block;font-family:var(--fut);font-weight:600;font-size:.78rem;background:var(--yellow);color:var(--ink);padding:2px 8px;margin-bottom:12px}
.kbuild h3{font-size:1.3rem}
.kbuild p{margin:10px 0 0;font-size:.97rem}

.knext{background:var(--ink);color:#B9CEDE;padding:76px 0}
.knext-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--rule);background:rgba(255,255,255,.2);border:var(--rule) solid rgba(255,255,255,.2)}
.kn-a{grid-column:span 7;background:var(--ink);padding:40px 38px}
.kn-a h2{color:#fff;font-size:clamp(1.8rem,3vw,2.5rem);max-width:18ch}
.kn-a p{margin:16px 0 0;max-width:54ch;font-size:1.02rem}
.kn-b{grid-column:span 5;background:var(--yellow);padding:40px 36px;display:flex;flex-direction:column;justify-content:center}
.kn-b p{font-family:var(--fut);font-weight:600;color:var(--ink);font-size:1.45rem;line-height:1.22;margin:0}
.kn-b span{display:block;margin-top:14px;font-size:.86rem;color:#35495A}

.kbeta{background:var(--yellow);border-top:var(--rule) solid var(--ink);padding:70px 0}
.kbeta-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.kbeta h2{font-size:clamp(1.9rem,3vw,2.6rem);max-width:18ch}
.kbeta p{margin:16px 0 0;max-width:50ch;font-size:1.04rem;color:#243845}
.kbeta .btn.line{border-color:var(--ink);color:var(--ink);background:transparent}
.kbeta .btn.line:hover{background:var(--ink);color:#fff}

@media (max-width:1080px){
  .k-hero{grid-template-columns:repeat(6,1fr);grid-template-areas:"kh kh kh kh kh kh" "ky ky ky ky ky ky" "k1 k1 k1 k1 k2 k3"}
  .kprob,.kdemo,.kbeta-grid{grid-template-columns:1fr;gap:30px}
  .ksteps,.kwatch{grid-template-columns:1fr}
  .kn-a,.kn-b{grid-column:span 12}
}
@media (max-width:760px){
  .k-hero{grid-template-columns:1fr;grid-template-areas:"kh" "ky"}.k1,.k2,.k3{display:none}
  .k-head{padding:38px 22px}
  .kbuild{grid-template-columns:1fr}
  .bigsig dl div{grid-template-columns:1fr;gap:4px}
  .kn-a,.kn-b{padding:32px 24px}
}