/* StarReach drop-in styles. Paste into your main stylesheet (or link this file).
   Variables are scoped so they won't clash with your existing CSS. */
.sr{--navy:#141A27;--ink:#141A27;--muted:#5b6775;--line:#d9dfe6;--paper:#ffffff;--tint:#f3f5f8;--gold:#2559E7;--gold-dark:#1C46BD;
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);line-height:1.6}
.sr *{box-sizing:border-box}
.sr-wrap{max-width:1040px;margin:0 auto;padding:72px 24px}
.sr h2{font-size:clamp(1.6rem,3.2vw,2.2rem);line-height:1.2;color:var(--navy);margin:0 0 12px;letter-spacing:-.01em}
.sr h3{font-size:1.1rem;color:var(--navy);margin:0 0 6px}
.sr p{margin:0 0 14px;max-width:68ch}
.sr .lead{font-size:1.1rem;color:var(--muted)}
.sr-tint{background:var(--tint)}
.sr-grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:28px}
.sr-panel{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:26px}
.sr-panel.core{border-color:var(--navy);border-width:2px}
.sr-price{font-size:1.9rem;font-weight:700;color:var(--navy);margin:6px 0 2px}
.sr-price small{font-size:.9rem;font-weight:500;color:var(--muted)}
.sr ul.sr-list{list-style:none;padding:0;margin:14px 0 0}
.sr ul.sr-list li{padding:7px 0 7px 26px;position:relative;border-top:1px solid var(--line)}
.sr ul.sr-list li:first-child{border-top:0}
.sr ul.sr-list li::before{content:"";position:absolute;left:4px;top:15px;width:10px;height:6px;border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(-45deg)}
.sr-def{border-left:4px solid var(--gold);background:var(--paper);padding:18px 22px;margin:24px 0;border-radius:0 8px 8px 0}
.sr-def strong{color:var(--navy)}
.sr-btn{display:inline-block;background:var(--navy);color:#fff;border:0;border-radius:8px;padding:14px 26px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none}
.sr-btn:hover{background:#2559E7}
.sr-btn.alt{background:transparent;color:var(--navy);border:2px solid var(--navy)}
.sr a:focus-visible,.sr button:focus-visible,.sr input:focus-visible,.sr select:focus-visible,.sr textarea:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.sr-founder{display:grid;gap:36px;grid-template-columns:240px 1fr;align-items:start}
.sr-photo{width:240px;height:300px;border-radius:10px;background:var(--navy);object-fit:cover}
@media(max-width:760px){.sr-founder{grid-template-columns:1fr}.sr-photo{width:180px;height:225px}.sr-wrap{padding:52px 20px}}
.sr form{display:grid;gap:14px;max-width:520px;margin-top:20px}
.sr label{font-weight:600;font-size:.95rem;color:var(--navy);display:grid;gap:6px}
.sr input,.sr select,.sr textarea{font:inherit;padding:12px 14px;border:1px solid #b9c2cc;border-radius:8px;background:#fff;color:var(--ink)}
.sr .hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.sr-msg{margin-top:14px;padding:14px 16px;border-radius:8px;display:none}
.sr-msg.ok{background:#e8f4ec;border:1px solid #9fcfae;display:block}
.sr-msg.err{background:#fdecec;border:1px solid #e3a3a3;display:block}
.sr-table{width:100%;border-collapse:collapse;margin-top:18px;background:#fff}
.sr-table th,.sr-table td{border:1px solid var(--line);padding:12px 14px;text-align:left;vertical-align:top}
.sr-table th{background:var(--navy);color:#fff}
.sr-scroll{overflow-x:auto}
