.kf-case{--kf-blue:#3b9ae1;--kf-blue-deep:#256aa5;--kf-danger:#f6733b;max-width:1120px;margin:0 auto;padding:0 22px 60px}.kf-case h1,.kf-case h2,.kf-case h3{font-family:var(--sans);color:var(--ink);margin:0}.kf-case h1{letter-spacing:-.055em;text-wrap:balance;margin-top:18px;font-size:clamp(3rem,6vw,5.4rem);line-height:.97}.kf-case h2{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(2rem,4.2vw,3.5rem);line-height:1.03}.kf-case h3{letter-spacing:-.035em;text-wrap:balance;margin-top:13px;font-size:clamp(1.75rem,3.4vw,2.7rem);line-height:1.08}.kicker{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.7rem;font-weight:700}.case-hero{border-bottom:1px solid var(--edge);grid-template-columns:minmax(0,1.05fr) minmax(330px,.72fr);align-items:center;gap:clamp(40px,7vw,88px);min-height:720px;padding:64px 0 72px;display:grid}.lede{max-width:58ch;color:var(--ink-soft);margin:25px 0 0;font-size:clamp(1.06rem,1.7vw,1.24rem);line-height:1.55}.role{font-family:var(--mono);color:var(--ink-faint);letter-spacing:.05em;text-transform:uppercase;margin:18px 0 0;font-size:.7rem}.actions{flex-wrap:wrap;gap:10px;margin-top:29px;display:flex}.button{border:1px solid var(--edge);font-family:var(--mono);border-radius:9px;padding:11px 18px;font-size:.78rem;text-decoration:none;display:inline-flex}.button.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.button.primary:hover{background:var(--accent-bright)}.button.secondary{color:var(--ink-soft);background:var(--raised)}.button.secondary:hover{color:var(--accent)}.product-stage{border:1px solid var(--edge);background:radial-gradient(circle at 80% 10%, color-mix(in srgb, var(--kf-danger) 12%, transparent), transparent 32%), linear-gradient(155deg, color-mix(in srgb, var(--kf-blue) 12%, var(--raised)), var(--raised));max-width:410px;box-shadow:0 35px 80px -42px color-mix(in srgb, var(--kf-blue) 80%, transparent);border-radius:24px;padding:16px 16px 0;overflow:hidden;transform:rotate(1.2deg)}.product-brand{align-items:center;gap:12px;padding:1px 2px 15px;display:flex}.product-brand img{border-radius:12px}.product-brand b{font-family:var(--sans);font-size:1.05rem;display:block}.product-brand span{font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-faint);margin-top:2px;font-size:.61rem;display:block}.phone-window{border:1px solid var(--edge);background:#eef2f8;border-bottom:0;border-radius:18px 18px 0 0;height:510px;overflow:hidden}.phone-window img{width:100%;height:auto;display:block}.premise,.decisions,.lifecycle,.build,.result{border-bottom:1px solid var(--edge);padding:82px 0}.split{grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);gap:clamp(36px,7vw,86px);margin-top:20px;display:grid}.split p{color:var(--ink-soft);margin:0;font-size:1.02rem;line-height:1.64}.split p+p{margin-top:15px}.loop{border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);grid-template-columns:repeat(4,1fr);margin-top:48px;display:grid}.loop div{padding:20px 20px 21px 0}.loop div+div{border-left:1px solid var(--edge);padding-left:20px}.loop span{font-family:var(--mono);color:var(--kf-danger);font-size:.67rem;display:block}.loop b{font-family:var(--sans);margin-top:8px;font-size:.94rem;line-height:1.35;display:block}.section-title{max-width:760px}.section-title h2{margin-top:14px}.decision{grid-template-columns:minmax(290px,.72fr) minmax(0,1fr);align-items:center;gap:clamp(45px,8vw,105px);padding:92px 0;display:grid}.decision+.decision{border-top:1px solid var(--edge)}.decision.reverse .product-shot{order:2}.decision.reverse .decision-copy{order:1}.product-shot{margin:0}.product-shot img{object-fit:contain;border:1px solid var(--edge);width:100%;height:650px;box-shadow:var(--shadow);background:#eef2f8;border-radius:20px;display:block}.product-shot figcaption{font-family:var(--mono);color:var(--ink-faint);text-align:center;margin-top:10px;font-size:.64rem;line-height:1.4}.decision-no{font-family:var(--mono);color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:700}.decision-copy>p{max-width:56ch;color:var(--ink-soft);margin:18px 0 0;font-size:1rem;line-height:1.63}.decision-copy .callout{border-left:3px solid var(--kf-danger);background:var(--sunken);color:var(--ink);border-radius:0 10px 10px 0;margin-top:25px;padding:17px 19px}.decision-copy .format-origin{font-family:var(--mono);margin-top:14px;font-size:.7rem}.format-origin a{color:var(--accent);text-decoration:none}.format-origin a:hover{text-decoration:underline}.native-shots{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}.native-shots .offset{margin-top:55px}.native-shots .product-shot img{object-fit:contain;height:540px}.lifecycle .split h2,.build .split h2{margin-top:14px}.lifecycle .split a,.build .split a{font-family:var(--mono);color:var(--accent);margin-top:20px;font-size:.76rem;font-weight:700;text-decoration:none;display:inline-block}.lifecycle .split a:hover,.build .split a:hover{text-decoration:underline}.email-proof{grid-template-columns:1fr 1fr;gap:16px;margin-top:48px;display:grid}.email-proof figure{margin:0}.email-proof img{object-fit:contain;border:1px solid var(--edge);background:var(--raised);border-radius:16px;width:100%;height:390px;display:block}.email-proof figcaption{font-family:var(--mono);color:var(--ink-faint);margin-top:9px;font-size:.64rem}.scope{flex-wrap:wrap;gap:8px;margin-top:42px;display:flex}.scope span{border:1px solid var(--edge);background:var(--raised);font-family:var(--mono);color:var(--ink-soft);border-radius:999px;padding:7px 11px;font-size:.67rem}.result{border-bottom:0;max-width:850px}.result h2{margin-top:14px}.result>p:not(.kicker){max-width:60ch;color:var(--ink-soft);margin:19px 0 0;font-size:1.08rem;line-height:1.6}.result-actions{flex-wrap:wrap;gap:10px;margin-top:27px;display:flex}.result-actions .button{margin-top:0}.rights-note{border-top:1px solid var(--edge);max-width:68ch;margin-top:44px;padding-top:24px}.result .rights-note p{font-family:var(--mono);color:var(--ink-faint);margin:0;font-size:.7rem;line-height:1.65}.result .rights-note p+p{margin-top:8px}.rights-note strong{color:var(--ink-soft)}@media (width<=780px){.case-hero{grid-template-columns:1fr;min-height:0;padding:52px 0 64px}.product-stage{width:100%;max-width:350px;margin:0 auto;transform:none}.phone-window{height:455px}.split{grid-template-columns:1fr}.loop{grid-template-columns:1fr 1fr}.loop div:nth-child(3){border-left:0;border-top:1px solid var(--edge);padding-left:0}.loop div:nth-child(4){border-top:1px solid var(--edge)}.decision{grid-template-columns:1fr;padding:70px 0}.decision.reverse .product-shot,.decision.reverse .decision-copy{order:initial}.product-shot{max-width:440px;margin-inline:auto}.native-shots{max-width:570px;margin-inline:auto}.native-shots .product-shot img{height:500px}}@media (width<=500px){.kf-case{padding-inline:20px}.kf-case h1{font-size:2.8rem}.premise,.decisions,.lifecycle,.build,.result{padding:62px 0}.actions{flex-direction:column}.button{justify-content:center}.result-actions{flex-direction:column}.phone-window{height:420px}.loop{grid-template-columns:1fr}.loop div,.loop div+div,.loop div:nth-child(3){border-left:0;border-top:1px solid var(--edge);padding:17px 0}.loop div:first-child{border-top:0}.native-shots{gap:7px}.native-shots .offset{margin-top:35px}.native-shots .product-shot img{border-radius:13px;height:410px}.email-proof{grid-template-columns:1fr}.email-proof img{height:320px}}
