/* Shared shell + policy typography for the legal pages */
*{box-sizing:border-box}
html{--nav-h:103px}
html,body{margin:0;background:#fff;color:var(--text-primary);font:var(--text-body);text-wrap:pretty}
a{color:var(--color-primary-green);text-decoration:none}
a:hover{color:var(--color-primary-green-hover);text-decoration:underline}
.wrap{max-width:1280px;margin:0 auto;padding:0 48px}
h1,h2,h3,h4{margin:0;font-weight:var(--fw-light);letter-spacing:-.02em;line-height:1.08}
h1 b,h2 b,h3 b{font-weight:var(--fw-bold)}
.eyebrow{font:var(--fw-medium) 13px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.75);margin:0 0 20px}

/* NAV */
nav.top{position:fixed;top:0;left:0;right:0;z-index:50;padding:24px 0;transition:background var(--dur-med) var(--ease-standard),padding var(--dur-med) var(--ease-standard)}
nav.top.stuck{background:var(--color-primary-green);padding:14px 0}
nav.top .wrap{display:flex;align-items:center;justify-content:space-between}
nav.top .links{display:flex;gap:36px;align-items:center;font:var(--fw-medium) 14px/1 var(--font-sans);color:#fff}
nav.top .links a{color:#fff;opacity:.85}
nav.top .links a:hover{opacity:1;text-decoration:none}
nav.top .nav-cta{padding:12px 20px;border:1px solid rgba(255,255,255,.5);border-radius:4px;font:var(--fw-bold) 13px/1 var(--font-sans);color:#fff}
nav.top .nav-cta:hover{background:#fff;color:var(--color-primary-green);text-decoration:none}

/* MASTHEAD */
.masthead{background:var(--color-primary-green);color:#fff;padding:calc(var(--nav-h) + 72px) 0 88px}
.masthead h1{font-size:clamp(38px,4.6vw,58px);line-height:1.06;max-width:820px}
.masthead .sub{font:var(--fw-light) 18px/1.55 var(--font-sans);color:rgba(255,255,255,.8);margin:24px 0 0;max-width:620px}

/* POLICY BODY — styles the markup Termageddon injects */
.policy{padding:88px 0 120px}
.policy .wrap{max-width:1280px}
.policy-body{max-width:760px;font:var(--fw-light) 16px/1.65 var(--font-sans);color:var(--text-body)}
.policy-body h1,.policy-body h2{font-size:28px;line-height:1.2;margin:56px 0 16px;font-weight:var(--fw-light);color:var(--text-primary)}
.policy-body h1:first-child,.policy-body h2:first-child{margin-top:0}
.policy-body h3,.policy-body h4{font:var(--fw-medium) 17px/1.35 var(--font-sans);margin:36px 0 12px;color:var(--text-primary)}
.policy-body p{margin:0 0 18px}
.policy-body ul,.policy-body ol{margin:0 0 22px;padding-left:22px;display:flex;flex-direction:column;gap:10px}
.policy-body li{padding-left:2px}
.policy-body strong,.policy-body b{font-weight:var(--fw-medium)}
.policy-body a{text-decoration:underline;text-underline-offset:3px}
.policy-body hr{border:0;border-top:1px solid var(--border-default);margin:48px 0}
.policy-body table{border-collapse:collapse;width:100%;margin:0 0 24px;font-size:15px}
.policy-body th,.policy-body td{border:1px solid var(--border-default);padding:12px 14px;text-align:left;vertical-align:top}
.policy-body th{font-weight:var(--fw-medium);background:var(--color-ice-blue)}

/* Termageddon ships its own scoped CSS reset under the policy's #id, which outranks class
   selectors — hence the !important on these few brand corrections. */
.policy_embed_div .accordion,.policy_embed_div .accordion-section{border-color:var(--border-default) !important}
.policy_embed_div summary{cursor:pointer;color:var(--text-primary) !important}
.policy_embed_div summary::marker{color:var(--color-muted-green)}
.policy_embed_div a{color:var(--color-primary-green) !important;text-decoration:underline;text-underline-offset:3px}

/* FOOTER */
footer{background:#012e26;color:rgba(255,255,255,.85);padding:80px 0 32px}
footer .grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px}
footer h5{display:flex;align-items:center;height:30px;font:var(--fw-medium) 12px/1 var(--font-sans);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6);margin:0 0 20px}
footer ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
footer a{color:rgba(255,255,255,.85);font:var(--fw-light) 15px/1 var(--font-sans)}
footer a:hover{color:#fff}
footer .row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:32px;margin-top:56px;border-top:1px solid rgba(255,255,255,.15);font-size:13px;color:rgba(255,255,255,.55)}
footer .legal-links{display:flex;gap:18px;flex-wrap:wrap}
footer .legal-links a{font-size:13px;color:rgba(255,255,255,.55)}

footer .social{display:inline-flex;align-items:center;color:rgba(255,255,255,.85);transition:color .15s}footer .social:hover{color:#fff}footer .social img{height:18px;width:auto;display:block;margin-left:2px;filter:brightness(0) invert(1);opacity:.85;transition:opacity .15s}footer .social:hover img{opacity:1}footer .grid>div:first-child img{margin-left:-9px}
footer .tag{max-width:340px;font:var(--fw-light) 15px/1.55 var(--font-sans);color:rgba(255,255,255,.75);margin-top:20px}
@media (max-width:960px){.wrap{padding:0 24px}footer .grid{grid-template-columns:1fr 1fr;gap:40px}nav.top .links{gap:20px}}