/* HyperSite 2.0: hero motion + emblem. Append to the END of /assets/site.css. */
section[data-screen-label="Hero"]{position:relative;overflow:hidden;isolation:isolate}
section[data-screen-label="Hero"]::before{content:"";position:absolute;inset:-20%;z-index:-1;pointer-events:none;
 background:radial-gradient(40% 50% at 25% 30%,rgba(255,255,255,.07),transparent 70%),radial-gradient(35% 45% at 80% 70%,rgba(255,255,255,.05),transparent 70%);
 animation:hs-drift 24s ease-in-out infinite alternate;will-change:transform}
section[data-screen-label="Hero"]::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
 background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
 background-size:56px 56px;animation:hs-grid 40s linear infinite;
 -webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 85%);mask-image:linear-gradient(180deg,#000 0%,transparent 85%)}
@keyframes hs-drift{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(-4%,2%,0) scale(1.08)}}
@keyframes hs-grid{0%{background-position:0 0,0 0}100%{background-position:56px 56px,56px 56px}}
section[data-screen-label="Hero"] h1,section[data-screen-label="Hero"] .lead,section[data-screen-label="Hero"] .btns,section[data-screen-label="Hero"] form{animation:hs-rise .7s ease-out both}
section[data-screen-label="Hero"] .lead{animation-delay:.08s}section[data-screen-label="Hero"] .btns,section[data-screen-label="Hero"] form{animation-delay:.16s}
@keyframes hs-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
section[data-screen-label="Hero"] .badge{position:absolute;top:20px;right:32px;width:120px;height:120px;opacity:.9;z-index:1}
@media(max-width:720px){section[data-screen-label="Hero"] .badge{width:84px;height:84px;top:14px;right:14px}}
@media(max-width:399px){section[data-screen-label="Hero"] .badge{display:none}}
@media(prefers-reduced-motion:reduce){section[data-screen-label="Hero"]::before,section[data-screen-label="Hero"]::after,section[data-screen-label="Hero"] h1,section[data-screen-label="Hero"] .lead,section[data-screen-label="Hero"] .btns,section[data-screen-label="Hero"] form{animation:none}}
/* Credibility badge (assets/credibility-badge.png) */
.hs-cred-badge{position:absolute;top:24px;right:32px;width:auto;height:140px;z-index:2;pointer-events:none}
@media (max-width:900px){.hs-cred-badge{height:90px;top:16px;right:16px}}
@media (max-width:560px){.hs-cred-badge{position:static;display:block;height:64px;margin:0 auto 12px}}

/* Site fit: keep headline clear of the badge; no second fade when the live page takes over */
@media (min-width:901px){section[data-screen-label="Hero"] h1{padding-right:180px}}
@media (min-width:561px) and (max-width:900px){section[data-screen-label="Hero"] h1{padding-right:110px}}
#dc-live section[data-screen-label="Hero"] h1,#dc-live section[data-screen-label="Hero"] .lead,#dc-live section[data-screen-label="Hero"] .btns,#dc-live section[data-screen-label="Hero"] form{animation:none}

.fb-tree-wrap{position:relative}[data-screen-label="Hero"] h1{position:relative;z-index:2}.fb-tree{display:block;width:min(100%,300px);height:auto;overflow:visible;pointer-events:none;margin:0 auto -2px}div:has(+ .fb-tree-wrap){display:none}.fb-br path{fill:none;stroke:#A9825A;stroke-opacity:.75;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:fbGrow .6s ease-out forwards}.fb-lv path{fill:currentColor;fill-opacity:0;animation:fbLeaf .8s ease-out forwards}.fb-s1{color:#7CC36A;animation:fbSeason1 36s ease-in-out 6s infinite}.fb-s2{color:#3F9A55;animation:fbSeason2 36s ease-in-out 6s infinite}.fb-s3{color:#A8D877;animation:fbSeason3 36s ease-in-out 6s infinite}.fb-tree-wrap p{border-top:1px solid #113484;padding-top:18px;max-width:none!important;text-align:center;font-size:clamp(18px,1.7vw,24px)!important}@media (min-width:700px){.fb-tree-wrap p{white-space:nowrap}}@keyframes fbGrow{to{stroke-dashoffset:0}}@keyframes fbLeaf{to{fill-opacity:.62}}@keyframes fbSeason1{0%,100%{color:#7CC36A}25%{color:#2F8A47}50%{color:#E0A23A}75%{color:#C9D9E8}}@keyframes fbSeason2{0%,100%{color:#3F9A55}25%{color:#1F6E3A}50%{color:#C8622E}75%{color:#9FB4C8}}@keyframes fbSeason3{0%,100%{color:#F2B8C8}25%{color:#4FAE5C}50%{color:#B8402A}75%{color:#E8F0F7}}@media (prefers-reduced-motion:reduce){.fb-br path,.fb-lv path,.fb-s1,.fb-s2,.fb-s3{animation:none;stroke-dashoffset:0;fill-opacity:.62}}@media (prefers-reduced-motion:reduce){.fb-tree path,.fb-tree circle{animation:none;stroke-dashoffset:0;opacity:1}}