/* Features page — everything scoped under .tkf so it can't collide with Elementor. */

.tkf{
  --tkf-yellow:#FFD84D; --tkf-pink:#F0567A; --tkf-pink-edge:#C43B5E; --tkf-teal:#39AF91;
  --tkf-surface:#FFFFFF; --tkf-surface-2:#FAF7EF; --tkf-border:#ECE5D5;
  --tkf-fg:#1E1B16; --tkf-muted:#6B6459; --tkf-faint:#9A9384;
  --tkf-shadow:0 1px 2px rgba(30,27,22,.05), 0 14px 34px -18px rgba(30,27,22,.22);
  --tkf-display:'Fredoka',ui-rounded,'SF Pro Rounded',system-ui,sans-serif;

  max-width:980px; margin:0 auto; padding:0 20px 90px;
  color:var(--tkf-fg); font-size:16.5px; line-height:1.62;
}
.tkf *{box-sizing:border-box}
.tkf .tkf-h1,.tkf .tkf-h2,.tkf .tkf-h3{
  font-family:var(--tkf-display); letter-spacing:-.02em; margin:0; text-wrap:balance; color:var(--tkf-fg);
}
.tkf .tkf-h1{font-size:clamp(2.1rem,5.4vw,3.3rem); line-height:1.05; font-weight:700}
.tkf .tkf-h2{font-size:clamp(1.45rem,3vw,2rem); line-height:1.14; font-weight:700}
.tkf .tkf-h3{font-size:1.1rem; font-weight:700}
.tkf p{margin:.55em 0}
.tkf .tkf-lead{font-size:1.12rem; color:var(--tkf-muted); max-width:60ch}

/* hero */
.tkf-hero{text-align:center; padding:48px 0 30px}
.tkf-hero .tkf-lead{margin-left:auto; margin-right:auto}
.tkf-eyebrow{
  display:inline-block; font-size:12px; font-weight:800; letter-spacing:.16em; text-transform:uppercase;
  color:var(--tkf-pink-edge); background:#FDE7EC; padding:6px 13px; border-radius:999px; margin-bottom:14px;
}
.tkf-crew{display:flex; justify-content:center; gap:4px; margin-top:28px; flex-wrap:wrap}
.tkf-crew svg{width:78px; height:78px; display:block}
.tkf-c{transition:transform .25s ease}
.tkf-c:hover{transform:translateY(-6px) rotate(-3deg)}

/* money band */
.tkf-money{
  margin-top:24px; background:var(--tkf-surface); border:2px solid var(--tkf-yellow); border-radius:18px;
  padding:24px; box-shadow:var(--tkf-shadow);
  display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center;
}
.tkf-money p{color:var(--tkf-muted); margin:.45em 0 0; max-width:46ch}
.tkf-calc{background:var(--tkf-surface-2); border-radius:13px; padding:16px 18px; min-width:268px}
.tkf-r{display:flex; justify-content:space-between; align-items:center; font-size:14.5px; padding:4px 0;
  font-variant-numeric:tabular-nums}
.tkf-r .l{color:var(--tkf-muted)}
.tkf-r.tkf-net{border-top:1px dashed var(--tkf-border); margin-top:6px; padding-top:9px; font-weight:800; font-size:16px}
.tkf-cut{color:var(--tkf-pink-edge)}

/* sections */
.tkf-sec{margin-top:58px}
.tkf-kicker{font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase;
  color:var(--tkf-teal); margin-bottom:6px}
.tkf-sec > .tkf-lead{margin-bottom:22px}
.tkf-sec > .tkf-h2{margin-bottom:18px}

/* big four */
.tkf-feat{
  display:grid; grid-template-columns:90px 1fr; gap:20px; align-items:start;
  background:var(--tkf-surface); border:1px solid var(--tkf-border); border-radius:14px;
  padding:20px 22px; box-shadow:var(--tkf-shadow); margin:12px 0;
}
.tkf-feat svg{width:84px; height:84px; display:block}
.tkf-feat p{color:var(--tkf-muted); margin:.3em 0 0}
.tkf-feat.tkf-big{border-color:var(--tkf-pink); border-width:2px}
.tkf-tag{display:inline-block; font-size:11px; font-weight:800; letter-spacing:.08em;
  text-transform:uppercase; color:var(--tkf-teal)}
.tkf-feat.tkf-big .tkf-tag{color:var(--tkf-pink-edge)}

/* card grids */
.tkf-grid{display:grid; grid-template-columns:repeat(auto-fit,minmax(256px,1fr)); gap:13px}
.tkf-card{background:var(--tkf-surface); border:1px solid var(--tkf-border); border-radius:13px;
  padding:18px 19px; box-shadow:var(--tkf-shadow)}
.tkf-card p{font-size:14.5px; color:var(--tkf-muted); margin:3px 0 0}
.tkf-ic{font-size:20px; line-height:1; margin-bottom:8px; display:block}

/* splits demo */
.tkf-demo{background:var(--tkf-surface); border:1px solid var(--tkf-border); border-radius:18px;
  box-shadow:var(--tkf-shadow); overflow:hidden}
.tkf-demobar{display:flex; align-items:center; gap:9px; padding:12px 18px;
  background:var(--tkf-surface-2); border-bottom:1px solid var(--tkf-border)}
.tkf-dot{width:10px; height:10px; border-radius:50%}
.tkf-demobar .tkf-t{margin-left:6px; font-size:12.5px; font-weight:700; color:var(--tkf-muted);
  letter-spacing:.04em; text-transform:uppercase}
.tkf-live{margin-left:auto; font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase;
  color:var(--tkf-teal); display:flex; align-items:center; gap:6px}
.tkf-live::before{content:""; width:7px; height:7px; border-radius:50%; background:var(--tkf-teal)}
.tkf-demogrid{display:grid; grid-template-columns:1fr 1fr}
.tkf-pane{padding:22px}
.tkf-pane + .tkf-pane{border-left:1px solid var(--tkf-border)}
.tkf-panehead{font-size:.8rem !important; text-transform:uppercase; letter-spacing:.1em;
  color:var(--tkf-faint) !important; font-family:inherit !important; font-weight:800; margin-bottom:14px !important}

.tkf-fld{margin-bottom:14px}
.tkf-fld > label{display:block; font-size:12.5px; font-weight:700; color:var(--tkf-muted); margin-bottom:5px}
.tkf-opt{font-weight:500; color:var(--tkf-faint)}
.tkf-row{display:flex; gap:10px}
.tkf-row > div{flex:1}
.tkf input[type=number], .tkf select{
  width:100%; padding:9px 11px; border:1.5px solid var(--tkf-border); border-radius:9px;
  background:#fff; color:var(--tkf-fg); font:inherit; font-size:15px; font-variant-numeric:tabular-nums;
}
.tkf input[type=number]:focus, .tkf select:focus{
  outline:none; border-color:var(--tkf-pink); box-shadow:0 0 0 3px rgba(240,86,122,.16);
}
.tkf-row #tkfGA{max-width:110px}
.tkf-mini{font-size:12px; color:var(--tkf-faint); margin-top:3px}
.tkf-note{font-size:12.5px; color:var(--tkf-faint); margin-top:10px}

.tkf-seg{display:inline-flex; background:var(--tkf-surface-2); border:1.5px solid var(--tkf-border);
  border-radius:10px; padding:3px; gap:3px}
.tkf-seg button{border:0; background:transparent; color:var(--tkf-muted); font:inherit; font-size:13.5px;
  font-weight:700; padding:6px 14px; border-radius:7px; cursor:pointer}
.tkf-seg button[aria-pressed="true"]{background:var(--tkf-yellow); color:#4a3a00}
.tkf-seg button:focus-visible{outline:2px solid var(--tkf-pink); outline-offset:1px}
.tkf-shares{margin-top:12px}

.tkf-person{display:grid; grid-template-columns:1fr 84px; gap:9px; align-items:center; margin-bottom:8px}
.tkf-nm{display:flex; align-items:center; gap:8px; font-weight:650; font-size:14.5px}
.tkf-av{width:26px; height:26px; border-radius:50%; display:grid; place-items:center; font-size:11px;
  font-weight:800; color:#4a3a00; background:var(--tkf-yellow); flex:none}
.tkf-av.b{background:var(--tkf-pink); color:#fff}
.tkf-av.c{background:var(--tkf-teal); color:#fff}
.tkf-role{font-size:11px; color:var(--tkf-faint); font-weight:600}
.tkf-link{background:none; border:0; color:var(--tkf-pink-edge); font:inherit; font-size:13px; font-weight:700;
  cursor:pointer; padding:4px 0; text-decoration:underline; text-underline-offset:3px}
.tkf-link:disabled{color:var(--tkf-faint); cursor:not-allowed; text-decoration:none}
.tkf-warn{font-size:12.5px; font-weight:700; color:var(--tkf-pink-edge); margin-top:6px; min-height:1.2em}

.tkf-math{background:var(--tkf-surface-2); border-radius:11px; padding:13px 15px; margin-bottom:16px}
.tkf-math div{display:flex; justify-content:space-between; font-size:14px; padding:3px 0;
  font-variant-numeric:tabular-nums}
.tkf-math .lbl{color:var(--tkf-muted)}
.tkf-math .net{border-top:1px dashed var(--tkf-border); margin-top:6px; padding-top:8px; font-weight:800}

.tkf-payrow{display:flex; align-items:center; gap:10px; padding:11px 0; border-top:1px solid var(--tkf-border)}
.tkf-payrow:first-of-type{border-top:0}
.tkf-who{flex:1; min-width:0}
.tkf-who b{display:block; font-size:14.5px}
.tkf-who span{font-size:12px; color:var(--tkf-faint)}
.tkf-amt{font-family:var(--tkf-display); font-weight:700; font-size:1.2rem;
  font-variant-numeric:tabular-nums; white-space:nowrap}
.tkf-sig{font-size:10.5px; font-weight:800; letter-spacing:.05em; text-transform:uppercase;
  padding:3px 8px; border-radius:999px; white-space:nowrap}
.tkf-sig.ok{background:#E3F3EE; color:#1F8468}
.tkf-sig.pend{background:#FBECD8; color:#A96A0E}
.tkf-status{margin-top:16px; border-radius:11px; padding:12px 14px; font-size:13.5px; font-weight:650;
  display:flex; gap:9px; align-items:center}
.tkf-status.held{background:#FBECD8; color:#8A5606}
.tkf-status.agreed{background:#E3F3EE; color:#1B7358}

/* cta */
.tkf-cta{text-align:center; margin-top:60px; padding:42px 22px; border-radius:20px;
  background:linear-gradient(180deg,#FFFFFF 0%,#FFF3D1 100%); border:1px solid var(--tkf-border)}
.tkf-cta .tkf-lead{margin:8px auto 0}
.tkf-btn{display:inline-block; background:var(--tkf-pink); border:2px solid var(--tkf-pink-edge);
  border-radius:10px; color:#fff !important; font-weight:800; font-size:17px; text-decoration:none;
  padding:14px 38px; margin-top:14px}
.tkf-btn:hover{background:var(--tkf-pink-edge); color:#fff !important}
.tkf-btn:focus-visible{outline:3px solid var(--tkf-yellow); outline-offset:2px}

@media (max-width:760px){
  .tkf-demogrid{grid-template-columns:1fr}
  .tkf-pane + .tkf-pane{border-left:0; border-top:1px solid var(--tkf-border)}
}
@media (max-width:720px){ .tkf-money{grid-template-columns:1fr} }
@media (max-width:620px){
  .tkf-feat{grid-template-columns:1fr}
  .tkf-feat svg{width:70px; height:70px}
}
@media (prefers-reduced-motion:reduce){ .tkf *{animation:none !important; transition:none !important} }