@font-face{font-family:'Montserrat';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/Montserrat-SemiBold.woff2') format('woff2')}
@font-face{font-family:'Montserrat';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/Montserrat-Bold.woff2') format('woff2')}
@font-face{font-family:'Lato';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/Lato-Regular.woff2') format('woff2')}
@font-face{font-family:'Lato';font-style:normal;font-weight:700;font-display:swap;src:url('/assets/fonts/Lato-Bold.woff2') format('woff2')}

:root{
  --navy:#0D1B2D; --navy-deep:#081321; --slate:#64748B; --silver:#B0B7C3;
  --paper:#F8FAFC; --ink:#1F2937; --muted:#6B7280; --line:#E2E6EB; --radius:10px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Lato',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.65;font-size:16.5px}
h1,h2,h3{font-family:'Montserrat',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--navy);line-height:1.25;font-weight:700}
h1{font-size:clamp(1.7rem,4.6vw,2.6rem)}
h2{font-size:clamp(1.35rem,3.2vw,1.85rem);margin-bottom:.5rem}
h3{font-size:1.1rem}
p{max-width:65ch}
a{color:var(--navy)}
img{max-width:100%}
.container{max-width:1060px;margin:0 auto;padding:0 1.25rem}
.narrow{max-width:760px}
section{padding:3.2rem 0}
.eyebrow{display:inline-block;font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);margin-bottom:.55rem}
.lead{color:var(--muted);font-size:1.04rem}
.skip{position:absolute;left:-999px;top:0;background:var(--navy);color:#fff;padding:.6rem 1rem;z-index:99}
.skip:focus{left:0}

header{position:sticky;top:0;z-index:50;background:rgba(248,250,252,.95);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.header{display:flex;align-items:center;justify-content:space-between;height:64px;gap:1rem}
.brand img{height:42px;display:block}
.menu{display:none;background:none;border:1.5px solid var(--navy);border-radius:8px;padding:.4rem .8rem;font:inherit;font-weight:700;color:var(--navy);cursor:pointer}
nav[aria-label=Primary]{display:flex;gap:1.2rem;align-items:center}
nav[aria-label=Primary] a{text-decoration:none;font-size:.92rem;font-weight:600;color:var(--ink)}
nav[aria-label=Primary] a:hover{color:var(--navy)}
.nav-cta{background:var(--navy);color:#fff !important;padding:.6rem 1.1rem;border-radius:8px}
@media(max-width:840px){
  .menu{display:block}
  nav[aria-label=Primary]{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:1rem 1.25rem;gap:.9rem}
  nav[aria-label=Primary].open{display:flex}
}

.button{display:inline-block;padding:.72rem 1.35rem;border-radius:var(--radius);font-weight:700;font-size:.95rem;text-decoration:none;text-align:center;border:1.5px solid transparent;cursor:pointer;background:var(--navy);color:#fff;font-family:inherit}
.button:hover{background:var(--navy-deep)}
.button.secondary{background:transparent;border-color:var(--navy);color:var(--navy)}
.button.light{background:#fff;color:var(--navy)}
.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}

.hero{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-deep) 100%);color:#fff;padding:3.8rem 0 4.2rem}
.hero h1{color:#fff}
.hero .eyebrow{color:var(--silver)}
.hero .lead{color:#C7D2DE;margin-top:.9rem}
.hero-grid{display:grid;gap:2.5rem;grid-template-columns:1.25fr 1fr;align-items:center}
@media(max-width:840px){.hero-grid{grid-template-columns:1fr}}
.hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius);padding:1.4rem}
.hero-card strong{color:#fff;font-family:'Montserrat',sans-serif}
.ticks{list-style:none;margin-top:.7rem}
.ticks li{padding:.35rem 0 .35rem 1.7rem;position:relative;font-size:.95rem}
.ticks li::before{content:"";position:absolute;left:0;top:.62rem;width:1rem;height:1rem;border-radius:50%;background:var(--silver);
  -webkit-mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"/></svg>') center/contain no-repeat;
  mask:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="black" d="M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z"/></svg>') center/contain no-repeat}
main .ticks li{color:var(--ink)}
main .ticks li::before{background:var(--slate)}
.hero-card .ticks li{color:#DCE6EF}
.hero-card .ticks li::before{background:var(--silver)}

.trust{background:var(--navy-deep);padding:.9rem 0}
.trust-grid{display:flex;gap:1.6rem;flex-wrap:wrap;justify-content:space-between;color:var(--silver);font-size:.85rem;font-weight:600}

.shade{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cards{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:1.7rem}
.cards article{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem;border-top:3px solid var(--slate)}
.shade .cards article{background:var(--paper)}
.cards h3{margin-bottom:.4rem}
.cards p{font-size:.93rem;color:var(--muted);margin-bottom:.6rem}
.cards a{font-size:.9rem;font-weight:700;text-decoration:none}
.split{display:grid;gap:2.2rem;grid-template-columns:1.3fr 1fr;align-items:start}
@media(max-width:840px){.split{grid-template-columns:1fr}}
.steps{counter-reset:step;margin:1.4rem 0 0;list-style:none;display:grid;gap:.9rem}
.steps li{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.05rem 1.2rem 1.05rem 3.7rem;position:relative}
.steps li::before{counter-increment:step;content:counter(step);position:absolute;left:1rem;top:1rem;width:1.9rem;height:1.9rem;border-radius:50%;background:var(--navy);color:var(--silver);font-family:'Montserrat',sans-serif;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.9rem}
.callout{background:#fff;border:1px solid var(--line);border-left:4px solid var(--slate);border-radius:var(--radius);padding:1.3rem}
.callout h3,.callout h2{font-size:1rem;margin-bottom:.4rem}
.callout p{font-size:.9rem;color:var(--muted)}

details{background:#fff;border:1px solid var(--line);border-radius:var(--radius);margin-top:.7rem;overflow:hidden}
summary{cursor:pointer;padding:1rem 1.2rem;font-weight:700;color:var(--navy);list-style:none;display:flex;justify-content:space-between;gap:1rem;font-family:'Montserrat',sans-serif;font-size:.95rem}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--slate);font-size:1.25rem}
details[open] summary::after{content:"\2212"}
details p{padding:0 1.2rem 1.05rem;color:var(--muted);font-size:.94rem}

.cta{background:linear-gradient(160deg,var(--navy) 0%,var(--navy-deep) 100%);color:#fff}
.cta h2{color:#fff}
.cta p{color:#C7D2DE}
.cta .split{align-items:center}

.page-head{background:#fff;border-bottom:1px solid var(--line);padding:2.6rem 0 2.2rem}

.prose h2{margin-top:1.8rem}
.prose ul{margin:.6rem 0 .9rem 1.3rem}
.prose li{margin:.3rem 0}
.prose p{margin:.6rem 0}
.updated{font-size:.8rem;color:var(--muted)}

.form-wrap{display:grid;gap:2rem;grid-template-columns:1.4fr 1fr}
@media(max-width:840px){.form-wrap{grid-template-columns:1fr}}
form{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem}
.field{margin-bottom:.9rem}
label{display:block;font-size:.85rem;font-weight:700;margin-bottom:.25rem;color:var(--navy)}
label span{font-weight:400;color:var(--muted)}
input,select,textarea{width:100%;padding:.68rem .8rem;border:1.5px solid var(--line);border-radius:8px;font:inherit;font-size:.95rem;background:#FCFCFC}
input:focus,select:focus,textarea:focus{outline:2px solid var(--slate);outline-offset:1px;border-color:var(--slate)}
.check{display:flex;gap:.55rem;align-items:flex-start;font-weight:400;font-size:.84rem;color:var(--muted);margin:.9rem 0}
.check input{width:auto;margin-top:.2rem}
.hp{position:absolute;left:-5000px;opacity:0;height:0;overflow:hidden}
#form-status{margin-top:.8rem;font-size:.9rem;font-weight:600}
#form-status.ok{color:#1E6B34}
#form-status.err{color:#9B2C24}
.contact-line{margin:1rem 0}
.contact-line a{font-weight:700;text-decoration:none;color:var(--navy)}
.contact-line small{display:block;color:var(--muted);font-size:.82rem}

footer{background:var(--navy-deep);color:#8FA5B8;font-size:.86rem;padding:2.6rem 0 1.6rem;margin-bottom:0}
.footer{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));padding-bottom:1.6rem}
footer strong{color:#DCE6EF;display:block;margin-bottom:.5rem;font-family:'Montserrat',sans-serif}
footer a{color:#C7D2DE;text-decoration:none;display:block;margin:.3rem 0}
.legal{border-top:1px solid rgba(255,255,255,.12);padding-top:1.2rem;font-size:.78rem;line-height:1.6}
.legal a{display:inline;color:#C7D2DE}

.callbar{position:fixed;bottom:0;left:0;right:0;z-index:60;display:none;gap:1px;background:var(--line)}
.callbar a{flex:1;padding:.9rem;text-align:center;font-weight:700;font-size:.95rem;text-decoration:none}
.callbar .c1{background:var(--navy);color:#fff}
.callbar .c2{background:#1FA855;color:#fff}
@media(max-width:720px){.callbar{display:flex}body{padding-bottom:54px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media print{
  header,.callbar,footer,.cta,.skip{display:none !important}
  body{background:#fff}
  a[href]{color:inherit;text-decoration:none}
  .container{max-width:100%}
}

/* TPB registration badge: a white card behind the badge wherever it sits on a dark background */
.tpb-badge-card{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;padding:4px 8px;flex-shrink:0}
.tpb-badge-card img{display:block;height:44px;width:auto}
.legal-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.trust-grid{align-items:center}
.trust-badge-inline{display:inline-flex;align-items:center;gap:.5rem}
.trust-badge-inline .tpb-badge-card img{height:32px}
.about-badge,.contact-badge{display:flex;align-items:center;gap:1rem;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.2rem;margin:1rem 0}
.about-badge img,.contact-badge img{height:70px;width:auto;flex-shrink:0}
.about-badge p,.contact-badge p{margin:0;font-size:.9rem;color:var(--muted)}

/* Clickable TPB badge: subtle hover/focus cue so it reads as interactive */
.tpb-badge-card{transition:box-shadow .15s ease,transform .15s ease}
.tpb-badge-card:hover,.tpb-badge-card:focus-visible{box-shadow:0 0 0 2px var(--slate);transform:translateY(-1px)}
.about-badge a,.contact-badge a{flex-shrink:0;border-radius:8px;transition:box-shadow .15s ease}
.about-badge a:hover,.about-badge a:focus-visible,.contact-badge a:hover,.contact-badge a:focus-visible{box-shadow:0 0 0 2px var(--slate)}