/* Knowledge Focus Connections · entrance pages, the honest check and the scorecard (r53) */
:root{--ink:#16130F;--ink2:#1E1A16;--cream:#FBF6EE;--muted:rgba(251,246,238,.68);--faint:rgba(251,246,238,.42);--edge:rgba(251,246,238,.12);--edge2:rgba(251,246,238,.24);--terra:#C1502E;--terra-hi:#E0784F;--green:#8FB27E;--display:"Gambetta",Georgia,serif;--sans:"Satoshi","Helvetica Neue",Arial,sans-serif;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit}
.bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:18px;padding:12px 24px;background:rgba(22,19,15,.85);backdrop-filter:blur(10px);border-bottom:1px solid var(--edge)}
.bar .kb{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:15px}
.bar .kb img{width:26px;height:26px}
.bar .kb span{color:var(--terra-hi)}
.bar nav{display:flex;gap:16px;margin-left:auto;font-size:14px}
.bar nav a{text-decoration:none;color:var(--muted)}
.bar nav a:hover{color:var(--cream)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;border:1px solid var(--edge2);background:rgba(251,246,238,.06);color:var(--cream);font:inherit;font-weight:700;font-size:14.5px;text-decoration:none;cursor:pointer;transition:transform .2s cubic-bezier(.3,1.5,.5,1),background .2s}
.btn:hover{transform:translateY(-2px);background:rgba(251,246,238,.12)}
.btn.solid{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.btn.terra{background:var(--terra-hi);color:var(--ink);border-color:var(--terra-hi)}
.btn:disabled{opacity:.5;cursor:default;transform:none}
.wrap{width:min(1040px,calc(100% - 48px));margin:0 auto}
.hero{padding:72px 0 40px}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--terra-hi)}
h1{font-family:var(--display);font-weight:400;font-size:clamp(38px,5.2vw,64px);line-height:1.02;margin:12px 0 16px;letter-spacing:-.01em}
h1 em,h2 em,h3 em{font-style:italic;color:var(--terra-hi)}
h2{font-family:var(--display);font-weight:400;font-size:clamp(28px,3.4vw,40px);line-height:1.08;margin:0 0 12px}
h3{font-family:var(--display);font-weight:400;font-size:24px;line-height:1.1;margin:0 0 8px}
.lede{font-size:18px;color:var(--muted);max-width:60ch;margin:0 0 22px}
.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
section{padding:36px 0}
.panel{border:1px solid var(--edge);border-radius:20px;background:rgba(251,246,238,.035);padding:26px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.card{border:1px solid var(--edge);border-radius:16px;padding:18px;background:rgba(251,246,238,.03)}
.card b{font-family:var(--display);font-weight:400;font-size:21px;display:block;margin-bottom:6px}
.card p{margin:0;color:var(--muted);font-size:14.5px}
.small{font-size:13px;color:var(--faint)}
.demo{position:relative;border-radius:18px;overflow:hidden;border:1px solid var(--edge2);aspect-ratio:16/10;background:#0F0D0B}
.demo iframe{width:100%;height:100%;border:0}
.demo a.cover{position:absolute;inset:0}
.qs{display:grid;gap:10px}
.q{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:14px 16px;border:1px solid var(--edge);border-radius:14px;background:rgba(251,246,238,.03)}
.q .t{font-size:15.5px}
.q .t small{display:block;font-size:12.5px;color:var(--faint);margin-top:2px}
.seg{display:inline-flex;border:1px solid var(--edge2);border-radius:999px;overflow:hidden}
.seg button{font:inherit;font-size:13px;font-weight:700;padding:8px 14px;border:0;background:transparent;color:var(--muted);cursor:pointer}
.seg button[aria-pressed="true"].y{background:var(--green);color:var(--ink)}
.seg button[aria-pressed="true"].n{background:var(--terra-hi);color:var(--ink)}
.seg button[aria-pressed="true"].u{background:var(--cream);color:var(--ink)}
.field{display:grid;gap:5px;font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.field input,.field select,.field textarea{font:inherit;font-family:var(--sans);text-transform:none;letter-spacing:0;font-size:15px;color:var(--cream);padding:11px 13px;border-radius:12px;border:1px solid var(--edge2);background:rgba(251,246,238,.05);outline:0;width:100%}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--terra-hi);box-shadow:0 0 0 3px rgba(224,120,79,.22)}
.field select option{background:#1B1713}
.urlrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}
.gauge{display:grid;place-items:center;gap:4px;padding:14px;border-radius:16px;border:1px solid var(--edge);background:rgba(251,246,238,.03)}
.gauge svg{width:180px;height:108px}
.gauge .gtrack{fill:none;stroke:rgba(251,246,238,.12);stroke-width:14;stroke-linecap:round}
.gauge .gfill{fill:none;stroke:var(--terra-hi);stroke-width:14;stroke-linecap:round;transition:stroke-dashoffset 1s cubic-bezier(.3,1.3,.5,1)}
.gauge .gn{font-family:var(--display);font-size:44px;line-height:1}
.gauge .gl{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
.phones{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.phone{display:grid;gap:8px;justify-items:center}
.phone .frame{width:min(100%,280px);aspect-ratio:9/19;border-radius:34px;background:#0F0D0B;border:1px solid var(--edge2);padding:10px;box-shadow:0 30px 70px rgba(0,0,0,.5)}
.phone .screen{width:100%;height:100%;border-radius:26px;overflow:hidden;background:#2A231C;display:grid;place-items:center;align-content:start;color:var(--faint);font-size:13px;text-align:center;padding:20px}
.phone .screen img{width:100%;height:auto;display:block;align-self:start}
.phone .cap{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}
.flags{display:grid;gap:8px}
.flag{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;border:1px solid var(--edge);font-size:14.5px}
.flag i{flex:none;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:800;color:var(--ink);background:var(--terra-hi)}
.flag.ok i{background:var(--green)}
.flag.u i{background:var(--cream)}
.flag b{display:block}
.flag span{color:var(--muted);font-size:13.5px}
.meter{display:grid;gap:8px}
.meter .bar2{height:12px;border-radius:999px;background:rgba(251,246,238,.1);position:relative;overflow:visible}
.meter .bar2 i{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--terra-hi));transition:width 1s cubic-bezier(.3,1.4,.5,1)}
.meter .scale{display:flex;justify-content:space-between;font-family:var(--mono);font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
.meter .scale span.on{color:var(--terra-hi);font-weight:700}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips button{font:inherit;font-size:13.5px;font-weight:700;padding:8px 14px;border-radius:999px;border:1px solid var(--edge2);background:transparent;color:var(--cream);cursor:pointer}
.chips button[aria-pressed="true"]{background:var(--cream);color:var(--ink);border-color:var(--cream)}
.err{color:var(--terra-hi);font-size:13.5px}
.note{padding:12px 14px;border-radius:12px;border:1px solid rgba(224,120,79,.4);background:rgba(224,120,79,.08);font-size:14px}
.spin{display:inline-block;width:14px;height:14px;border:2px solid var(--faint);border-top-color:var(--terra-hi);border-radius:50%;animation:spin .8s linear infinite;vertical-align:-2px;margin-right:6px}
@keyframes spin{to{transform:rotate(360deg)}}
.rise{animation:rise .6s cubic-bezier(.2,.9,.25,1) both}
@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
footer{padding:30px 0 60px;color:var(--faint);font-size:13px;border-top:1px solid var(--edge);margin-top:40px}
footer .wrap{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between}
.faq details{border-bottom:1px solid var(--edge);padding:12px 0}
.faq summary{cursor:pointer;font-weight:700;font-size:16px}
.faq p{color:var(--muted);margin:8px 0 0;font-size:15px}
.cities{display:flex;flex-wrap:wrap;gap:8px}
.cities a{font-size:13.5px;padding:7px 12px;border-radius:999px;border:1px solid var(--edge2);text-decoration:none;color:var(--muted)}
.cities a:hover{color:var(--cream);border-color:var(--cream)}
@media (max-width:760px){.grid2,.grid3,.phones{grid-template-columns:1fr}.hero{padding:44px 0 24px}.bar nav{display:none}.urlrow{grid-template-columns:1fr}}
@media print{body{background:#fff;color:#111}.bar,footer,.noprint{display:none!important}.panel,.card,.q,.flag,.gauge{border-color:#ccc;background:#fff}.phone .frame{box-shadow:none;border-color:#999;background:#222}.sheet{break-inside:avoid}}