/* UnyKorn homepage: one message, two buttons, three products. Uses app.css theme tokens (light + dark). */
.home{max-width:1080px;gap:22px}
.home .topbar .mainnav{flex:1;justify-content:flex-end}
.hhero{padding:36px 4px 6px;display:flex;flex-direction:column;gap:14px}
.hhero h1{font-family:var(--display);font-weight:800;font-size:clamp(32px,5.2vw,56px);line-height:1.05;letter-spacing:-.02em;max-width:900px;color:var(--ink)}
.hhero .lede{font-size:clamp(16px,1.6vw,19px);color:var(--ink2);max-width:760px;line-height:1.55}
.hcta{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}
.btn.big{font-size:16px;padding:13px 24px}
.hcta .btn:not(.ghost){background:var(--orange);border-color:var(--orange);color:#fff}
.hcta .btn:not(.ghost):hover{filter:brightness(.95);text-decoration:none}
.btn.ghost{border:1px solid var(--line)}

.pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pcard{display:flex;flex-direction:column;gap:10px;padding:22px;border-radius:var(--r);background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--glass-b);box-shadow:var(--shadow)}
.pcard h2{font-size:21px;color:var(--ink)}
.pcard p{color:var(--ink2);flex:1}
.ptag{align-self:flex-start;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;padding:3px 9px;border-radius:999px;background:rgba(217,99,31,.12);color:var(--orange)}
.ptag.live{background:var(--ok-bg);color:var(--ok)}
.pgo{font-weight:600;color:var(--volt)}

.proofstrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:6px}
.pitem{display:flex;flex-direction:column;gap:3px;padding:14px 16px;border-right:1px solid var(--line);color:inherit;text-decoration:none;min-width:0}
.pitem:last-child{border-right:0}
.pitem b{font-size:clamp(20px,2.3vw,26px);font-weight:600;color:var(--ink);white-space:nowrap}
.pitem b.tick{color:var(--ok)}
.pitem .mini{color:var(--muted);font-size:12.5px}
.plink b{color:var(--volt);font-family:var(--body);font-size:18px}
.plink:hover{text-decoration:none;background:var(--soft);border-radius:12px}

.listed{display:flex;flex-direction:column;gap:10px;align-items:center;padding:6px 0}
.lrow{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.lrow a{font-weight:600;font-size:14px;color:var(--ink2);padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--soft)}
.lrow a:hover{color:var(--volt);border-color:var(--volt);text-decoration:none}

.contact{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:20px 22px}
.contact p{color:var(--ink2);margin-top:4px}
.clinks{display:flex;flex-wrap:wrap;gap:14px;font-weight:600}
.foot{color:var(--muted);font-size:12.5px;line-height:1.6;padding:4px}

@media (max-width:900px){.pgrid{grid-template-columns:1fr}.proofstrip{grid-template-columns:repeat(2,minmax(0,1fr))}.pitem:nth-child(2){border-right:0}.pitem:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media (max-width:760px){.home .topbar .mainnav{justify-content:flex-start}}
@media (max-width:460px){.proofstrip{grid-template-columns:1fr}.pitem{border-right:0;border-bottom:1px solid var(--line)}.pitem:last-child{border-bottom:0}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .hcta .btn:not(.ghost){color:#0b1018}}
:root[data-theme="dark"] .hcta .btn:not(.ghost){color:#0b1018}

#prices{display:flex;flex-direction:column;gap:14px}.pricesh{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}#prices .mini{color:var(--muted)}