/* ReidTech landing v1.0 (DRAFT). No external requests. */
:root{--navy:#2E3A6B;--red:#8E3B3B;--text:#1D2330;--muted:#5F6B77;--bg:#fff;--soft:#f4f5f9}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;font:1.0625rem/1.55 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:var(--bg)}
main{max-width:34rem;margin:0 auto;padding:1.5rem 1rem 2rem;text-align:center}
.logo{display:block;width:min(220px,70vw);height:auto;margin:0 auto .75rem}
h1{color:var(--navy);font-size:2.25rem;line-height:1.1;margin:.25rem 0 .25rem;letter-spacing:.01em}
.kicker{color:var(--red);font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.85rem;margin:0}
.lede{font-size:1.125rem;margin:.75rem 0 1.5rem}
h2{color:var(--navy);font-size:1.1rem;margin:1.75rem 0 .6rem;border-top:3px solid var(--red);padding-top:1rem}
ul.links{list-style:none;margin:0;padding:0;display:grid;gap:.6rem}
a{color:var(--navy)}
a:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.btn{display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:.6rem 1rem;border-radius:10px;font-weight:600;text-decoration:none;word-break:break-word;border:2px solid var(--navy);background:var(--bg);color:var(--navy)}
.btn.primary{background:var(--navy);color:#fff}
.btn.red{background:var(--red);border-color:var(--red);color:#fff}
.btn:hover{text-decoration:underline}
.btn svg{width:1.25em;height:1.25em;flex:none;fill:currentColor}
address{font-style:normal;margin:.25rem 0 .6rem}
.visit-note{margin:0 0 .6rem;font-size:.95rem;color:var(--muted)}
footer{color:var(--muted);font-size:.9rem;text-align:center;padding:1rem 1rem 2rem}
@media (min-width:700px){main{padding-top:3rem}h1{font-size:2.75rem}}
.lede{color:var(--navy);font-weight:700;font-size:1.25rem;margin-bottom:.5rem}
ul.examples{text-align:left;margin:0 auto;padding-left:1.25rem;max-width:28rem}
ul.examples li{margin:.3rem 0}
ul.examples li::marker{color:var(--red)}
.more{font-weight:700;color:var(--navy);margin:.6rem 0 0}
.hero-photo{margin:1rem 0 1.25rem}
.hero-photo img{display:block;width:100%;height:auto;border-radius:8px}
.hero-photo figcaption{margin-top:.4rem;font-size:.9rem;color:var(--muted);text-align:center}
.hero-photo .tagline{display:block;margin-top:.2rem;font-weight:600;color:var(--navy)}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.hero-photo .photo-label{margin:0 0 .4rem;font-size:.9rem;font-weight:600;color:var(--navy);text-align:center;text-wrap:balance}
.hero-photo .thanks{display:block;margin-top:.1rem;font-size:.85rem;color:var(--muted)}
.hero-photo .thanks a{display:inline;padding:.8rem 0;color:var(--navy);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}
.hero-photo .thanks a:hover{text-decoration-thickness:3px;color:#1B2347}
.hero-photo .thanks a:focus-visible{outline:none;background:#E3E7F3 content-box;text-decoration-thickness:3px;border-radius:2px}
.hero-photo .photo-link{display:block;cursor:pointer;color:inherit;text-decoration:none}
.hero-photo .photo-link:focus-visible{outline:3px solid var(--navy);outline-offset:3px}