/* Goodrich Web Service: shared brand styles */
:root{
  --green:#1E4A37; --green-deep:#143323; --green-soft:#2A5E47; --gold:#E2B13C; --gold-hi:#F0C55A;
  --ink:#1B1E1C; --stone:#E7E3D8; --paper:#F6F7F4; --mute:#56605A; --mute-on-green:#B9CCC0; --white:#fff;
  --wrap:1200px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Archivo",system-ui,sans-serif;font-size:1.0625rem;line-height:1.6;color:var(--ink);background:var(--paper)}
a{color:inherit}
img{max-width:100%}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}
h1,h2,h3{font-stretch:118%;font-weight:850;line-height:1.02;letter-spacing:-.018em}
h2{font-size:clamp(2.1rem,4.6vw,3.4rem);margin-bottom:.45em}
h3{font-size:1.25rem;font-stretch:108%;font-weight:750;line-height:1.2;margin-bottom:.3em}
p{max-width:62ch}
.btn{display:inline-flex;align-items:center;gap:.5em;font-weight:750;font-stretch:108%;text-decoration:none;padding:.9em 1.45em;border-radius:999px;
  background:var(--gold);color:var(--ink);border:2px solid var(--gold);transition:background .15s,border-color .15s;cursor:pointer;font-family:inherit;font-size:1rem}
.btn:hover{background:var(--gold-hi);border-color:var(--gold-hi)}
.btn.ghost{background:transparent;color:var(--white);border-color:rgba(255,255,255,.45)}
.btn.ghost:hover{border-color:var(--white);background:transparent}
.btn.dark{background:var(--green);border-color:var(--green);color:var(--white)}
.btn.dark:hover{background:var(--green-soft);border-color:var(--green-soft)}

/* top bar */
.top{background:var(--green);color:var(--white);position:relative;z-index:5}
.bar{display:flex;align-items:center;justify-content:space-between;gap:20px;height:78px}
.mark{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.mark img{display:block;height:48px;width:auto}
.fmark{display:inline-flex;align-items:center;gap:10px}
.mark .g{width:38px;height:38px;border-radius:9px;background:var(--gold);color:var(--green);display:grid;place-items:center;font-weight:900;font-stretch:125%;font-size:1.3rem}
.mark b{font-weight:850;font-stretch:120%;font-size:1.05rem;line-height:1.05;display:block}
.mark small{display:block;font-weight:500;font-size:.78rem;color:var(--mute-on-green)}
.nav{display:flex;align-items:center;gap:28px;font-weight:600;font-size:.97rem}
.nav a{text-decoration:none;color:#DCE7E0}
.nav a:hover,.nav a[aria-current=page]{color:var(--white)}
.nav a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--gold)}
.nav .btn{padding:.62em 1.15em;color:var(--ink)}
@media (max-width:820px){.nav a.hide-sm{display:none}}
@media (max-width:480px){.wrap{padding:0 16px}.nav{gap:16px}.nav .btn{display:none}}

/* browser frame used for live previews */
.frame{background:#0E1C15;border-radius:14px;padding:30px 8px 8px;position:relative;box-shadow:0 30px 60px -28px rgba(10,30,20,.55)}
.frame::before{content:"";position:absolute;top:11px;left:14px;width:9px;height:9px;border-radius:50%;background:#E0675B;box-shadow:15px 0 0 #E2B13C,30px 0 0 #59B37A}
.frame .url{position:absolute;top:7px;left:62px;right:14px;height:17px;border-radius:5px;background:#1E3328;color:#8FA99A;font-size:.68rem;line-height:17px;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.view{position:relative;overflow:hidden;border-radius:7px;background:#fff;aspect-ratio:16/10}
.view iframe{position:absolute;top:0;left:0;border:0;transform-origin:0 0;pointer-events:none;background:#fff}
.view.phone{background:#E9ECE8}
.view.phone iframe{left:50%;border-radius:18px;box-shadow:0 0 0 7px #0E1C15}

footer.site{background:var(--green-deep);color:var(--mute-on-green);font-size:.92rem;padding:30px 0}
footer.site .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}
footer.site a{color:var(--white)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}