/* Shared ProperPros typography and navigation, using the ProperSA font family. */
body{font-family:var(--font-body);font-size:16px;line-height:1.65}
h1,h2,h3,h4{font-family:var(--font-head);font-style:normal;letter-spacing:-.025em;text-wrap:balance}
h1{font-size:clamp(34px,4.3vw,60px);line-height:1.08;font-weight:800}
h2{font-size:clamp(27px,3vw,40px);line-height:1.15;font-weight:750}
h3{line-height:1.25;font-weight:750}
.btn{font-family:var(--font-body);min-height:48px;border-radius:8px;font-weight:750;box-shadow:0 1px 2px #00000014;text-shadow:none;transition:background .16s,box-shadow .16s,border-color .16s}
.btn:hover{transform:none}
.btn-gold{background:#d8b04a;color:#0a2a20;border-color:#d8b04a;box-shadow:0 1px 2px #00000014}
.btn-gold:hover{background:#e2bd5d;border-color:#e2bd5d}
.btn-line{background:transparent;box-shadow:none}
.site-header{overflow:visible;z-index:100}
.site-header .wrap{min-height:94px;gap:26px;justify-content:space-between}
.site-header .brand img{width:218px;height:auto}
.site-header .nav#main-navigation{gap:14px;align-items:center}
.site-header .nav-pill{gap:4px;padding:5px;border-radius:14px;overflow:visible}
.site-header .nav-pill>a,.nav-process>summary{font-size:14px;font-weight:700;padding:12px 15px;min-height:46px;white-space:nowrap;color:#f6f1e2;display:flex;align-items:center;gap:8px;text-decoration:none;border-radius:9px}
.site-header .nav-pill>a:hover,.nav-process>summary:hover,.nav-process[open]>summary{background:#ffffff0c;color:#e4bf64}
.nav-process{position:relative}
.nav-process>summary{list-style:none;cursor:pointer;user-select:none}
.nav-process>summary::-webkit-details-marker{display:none}
.nav-process>summary::after{content:'⌄';font-size:16px;line-height:1;transition:transform .16s}
.nav-process[open]>summary::after{transform:rotate(180deg)}
.process-menu{position:absolute;top:calc(100% + 10px);left:0;width:300px;padding:7px;background:linear-gradient(145deg,#173f30,#0b2f23);border:1px solid #496645;border-top-color:#c6a54e;border-radius:12px;box-shadow:0 14px 28px #001b164a;z-index:120;display:grid;gap:0}
.process-menu a{display:grid!important;gap:4px;padding:14px 15px!important;border-radius:7px;color:#f6f1e2!important;white-space:normal!important;text-decoration:none}
.process-menu a+a{border-top:1px solid #3d5b3e}
.process-menu a:hover,.process-menu a:focus-visible{background:#254e38;outline-offset:-2px}
.process-menu strong{font-size:14px;color:#f2edda}.process-menu span{font-size:11px;line-height:1.7;color:#b7ccb0;font-weight:450}
@media(hover:hover) and (pointer:fine) and (min-width:1101px){.nav-process[open]::before{content:'';position:absolute;top:100%;left:0;width:300px;height:12px}}
.nav a[aria-current=page],.nav-process[data-current-section=true]>summary{text-decoration:underline;text-underline-offset:6px}
.site-header .workspace-nav{padding:12px 8px;color:#f6f1e2;min-height:46px}
:where(a,button,input,select,summary):focus-visible{outline:3px solid #d8b04a;outline-offset:4px}
.verification-stamp{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:150px;aspect-ratio:1;border:3px solid #315f43;outline:1px solid #315f43;outline-offset:-9px;border-radius:50%;color:#315f43;background:#edf1df;transform:rotate(-9deg);text-align:center;font-family:var(--font-head);font-weight:800;line-height:1.05;letter-spacing:.01em;user-select:none}
.verification-stamp span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin:0 0 9px}.verification-stamp strong{font-size:25px;text-transform:uppercase}
.checks-explainer{display:flex;gap:32px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:16px;margin:18px 0}.checks-explainer p{margin-top:10px}.checks-explainer .verification-stamp{width:130px}.checks-explainer .verification-stamp strong{font-size:23px}
@media(min-width:1101px){.site-header .nav#main-navigation{display:flex;flex-basis:auto;width:auto;padding:0}.site-header .nav-toggle{display:none}.site-header .wrap{flex-wrap:nowrap}}
@media(max-width:1100px){.site-header .wrap{min-height:82px;flex-wrap:wrap;gap:10px;padding-block:14px}.site-header .brand img{width:190px}.site-header .nav-toggle{display:inline-flex;min-height:44px}.site-header .nav#main-navigation{display:none;flex-basis:100%;width:100%;align-items:stretch;padding:12px 0 4px;gap:10px}.site-header .nav#main-navigation.is-open{display:flex;flex-direction:column}.site-header .nav-pill{display:flex;flex-direction:column;align-items:stretch;border-radius:12px}.site-header .nav-pill>a,.nav-process>summary{padding:13px 14px}.process-menu{position:static;width:auto;margin:4px 8px 8px;box-shadow:none}.site-header .workspace-nav{padding:12px 14px}.site-header .nav>.btn{align-self:stretch}.checks-explainer{align-items:flex-start;flex-direction:column;gap:24px}}
@media(prefers-reduced-motion:reduce){.btn,.nav-process>summary::after{transition:none}.btn:hover{transform:none}}

/* Understated controls with a consistent, shallow finish. */
.home-search .btn.btn-gold{box-shadow:0 1px 2px #00000014}
.btn.btn-gold:hover,.home-search .btn.btn-gold:hover{transform:none;box-shadow:0 2px 5px #0000001a}
.btn.btn-gold:active,.home-search .btn.btn-gold:active{transform:none;box-shadow:none}
.site-header .nav-pill{box-shadow:inset 0 1px 0 #ffffff08}
@media(max-width:380px){.site-header .brand img{width:172px}.site-header .nav-toggle{padding-inline:12px}}
@media(prefers-reduced-motion:reduce){.btn.btn-gold:hover,.home-search .btn.btn-gold:hover,.btn.btn-gold:active,.home-search .btn.btn-gold:active{transform:none}}
