/* TrueStack holiday branding. Same palette and details as /go/holiday-hq: pine bar, string lights, cranberry + gold accents, pumpkins. */
:root{ --cran:#B3243B; --pine:#14332A; --gold:#C99A3E; }
.announce{ background:var(--pine); color:var(--cream); }
.announce strong{ color:#F4C95D; }
.lights{ height:24px; position:relative; filter:drop-shadow(0 0 3px rgba(255,190,70,.55)); animation:twinkle 3.4s ease-in-out infinite;
  background:
    linear-gradient(#5b4a2e,#5b4a2e) 0 2px/100% 2px no-repeat,
    linear-gradient(90deg,transparent 13.25px,#5b4a2e 13.25px 14.75px,transparent 14.75px 45.25px,#5b4a2e 45.25px 46.75px,transparent 46.75px 77.25px,#5b4a2e 77.25px 78.75px,transparent 78.75px 109.25px,#5b4a2e 109.25px 110.75px,transparent 110.75px) 0 3px/128px 9px repeat-x,
    radial-gradient(circle at 14px 15px,#C8283B 0 5px,transparent 5.6px) 0 0/128px 24px repeat-x,
    radial-gradient(circle at 46px 17px,#E8B23A 0 5px,transparent 5.6px) 0 0/128px 24px repeat-x,
    radial-gradient(circle at 78px 15px,#2E7D4F 0 5px,transparent 5.6px) 0 0/128px 24px repeat-x,
    radial-gradient(circle at 110px 17px,#E8761A 0 5px,transparent 5.6px) 0 0/128px 24px repeat-x; }
@keyframes twinkle{ 0%,100%{ opacity:1; } 50%{ opacity:.8; } }
@media (prefers-reduced-motion:reduce){ .lights{ animation:none; } }
.eyebrow{ color:var(--cran); }
.eyebrow::before{ content:"\2726"; margin-right:.55em; color:var(--gold); }
.site-footer{ background:var(--pine); position:relative; padding-top:96px; }
.site-footer::before{ content:""; position:absolute; left:0; right:0; top:14px; height:58px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 58'%3E%3Cpath d='M30 10c0-4 2-7 6-8l1 3c-2 1-3 2-3 5z' fill='%23567a2e'/%3E%3Cellipse cx='17' cy='34' rx='15' ry='20' fill='%23C95A0C'/%3E%3Cellipse cx='47' cy='34' rx='15' ry='20' fill='%23C95A0C'/%3E%3Cellipse cx='25' cy='34' rx='16' ry='21' fill='%23EE7518'/%3E%3Cellipse cx='39' cy='34' rx='16' ry='21' fill='%23EE7518'/%3E%3Cellipse cx='32' cy='34' rx='13' ry='22' fill='%23FF8F2B'/%3E%3Cpath d='M20 29l6-8 5 8zM33 29l5-8 6 8zM29.5 35l2.5-5 2.5 5zM19 41q13 12 26 0l-4-2-3 4-3-3-3 3-3-4-3 3-3-4z' fill='%23FFE08A'/%3E%3C/svg%3E") 0 0/64px 58px repeat-x; }
.footer-grid a:hover{ color:#F4C95D; }
/* Christmas hat on the TrueStack wordmark */
.logo, .footer-logo{ position:relative; }
.logo::before, .footer-logo::before{ content:""; position:absolute; left:-8px; top:-15px; width:32px; height:29px; background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 36'%3E%3Cpath d='M6 28C8 12 18 4 30 5c-3 6 0 15 6 23z' fill='%23C8283B'/%3E%3Cpath d='M6 28C8 17 14 9 22 6c-6 6-8 14-6 22z' fill='%23A31E31'/%3E%3Crect x='2' y='25' width='36' height='9' rx='4.5' fill='%23fff'/%3E%3Ccircle cx='31' cy='6' r='4.8' fill='%23fff'/%3E%3C/svg%3E") center/contain no-repeat; transform:rotate(-14deg); pointer-events:none; }
.footer-logo::before{ left:-7px; top:-17px; }
.site-footer p{ color:rgba(255,250,229,.72); }