/* Shared brand styles. Social links are ordinary anchors in follow.html. */
:root{color-scheme:dark;--emerald:#063c30;--gold:#dfbd70;--ivory:#fffdf5;--ink:#123e32}
*{box-sizing:border-box}
html{min-width:280px;background:var(--emerald)}
body{margin:0;min-height:100svh;color:var(--ivory);font-family:Arial,Helvetica,sans-serif;background:radial-gradient(ellipse at 50% 0%,#165543 0%,transparent 65%),var(--emerald);position:relative;isolation:isolate}
body::before,body::after{content:"";position:absolute;z-index:-1;pointer-events:none;width:160px;top:0;bottom:0;opacity:.065;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='140' viewBox='0 0 80 140'%3E%3Cg fill='none' stroke='%23dfbd70' stroke-width='1'%3E%3Cpath d='M40 0 80 35 40 70 0 35ZM40 14 64 35 40 56 16 35ZM40 70 80 105 40 140 0 105ZM40 84 64 105 40 126 16 105Z'/%3E%3C/g%3E%3C/svg%3E")}
body::before{left:0}body::after{right:0}
.hub{width:min(100% - 40px,500px);margin:auto;padding:32px 0 26px}
.intro{text-align:center}
.logo{display:block;width:144px;height:auto;margin:0 auto 22px}
.eyebrow{color:var(--gold);font-size:10px;line-height:1.6;letter-spacing:2px;text-transform:uppercase;margin:0 0 13px;font-weight:700}
.eyebrow span{padding:0 5px}
h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(30px,7.5vw,42px);letter-spacing:-1px;line-height:1.15;margin:0 0 15px}
.description{max-width:360px;margin:0 auto;color:#d8e5df;font-size:15px;line-height:1.65}
.platforms{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px}
.platform{display:flex;align-items:center;gap:16px;padding:17px 19px;min-height:82px;border:1px solid #dbc78f;border-radius:14px;background:var(--ivory);color:var(--ink);text-decoration:none;box-shadow:0 4px 14px #001b1818;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.platform-icon{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border-radius:12px;background:#edf1e8}
.platform-icon svg{width:24px;height:24px;fill:currentColor}
.platform-copy{display:grid;gap:5px}
.platform-copy strong{font-size:18px;letter-spacing:-.3px}
.platform-copy>span{font-size:12px;line-height:1.4;color:#4c6256}
.arrow{margin-left:auto;width:18px;height:18px;flex-shrink:0;color:#7c6226}
.platform:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.platform:active{transform:scale(.985)}
@media(hover:hover){.platform:hover{transform:translateY(-2px);background:#fff8e6;box-shadow:0 8px 22px #001b1840}}
footer{text-align:center;margin-top:28px;color:#d8e5df;font-size:12px;line-height:1.6}
.footer-line{display:block;width:30px;height:1px;background:var(--gold);margin:0 auto 16px}
footer strong{font-size:13px;color:var(--gold);letter-spacing:.5px}footer p{margin:3px 0 0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:700px){.hub{padding-top:44px;padding-bottom:32px}.logo{width:160px}.platforms{margin-top:30px}.platform{padding:19px 22px}}
@media(max-width:340px){.hub{width:calc(100% - 28px)}.platform{gap:12px;padding:15px 12px}.eyebrow{letter-spacing:1px}.platform-copy>span{font-size:11px}}
@media(prefers-reduced-motion:reduce){.platform{transition:none}.platform:hover,.platform:active{transform:none}}