/* Granola capsule form; Daytoyear branding and existing navigation. */
.hybrid .landing-floating-header { position:fixed; inset:12px 16px auto; z-index:80; width:auto; max-width:1440px; height:auto; min-height:0; margin:0 auto; border:1px solid var(--line); border-radius:999px; background:var(--ground); box-shadow:0 5px 24px -9px #16201e2e; --hole:var(--ground); animation:landing-header-enter 160ms ease-out; }
.landing-floating-header > .wrap { width:100%; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; padding:8px 14px 8px 24px; }
.landing-floating-header .mark { justify-self:start; white-space:nowrap; }
.landing-floating-header .navlinks { justify-self:center; gap:28px; }
.landing-floating-header .header-cta { justify-self:end; padding:10px 22px; background:var(--green); border-color:var(--green); color:#fff; white-space:nowrap; }
.landing-floating-header .header-cta:hover { background:#30482c; border-color:#30482c; }
#problem-solution { border-top:1px solid var(--line); }
@layer daytoyear-type { .landing-floating-header .header-cta { font-size:var(--dt-type-body)!important; } }
@keyframes landing-header-enter { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:800px) { .landing-floating-header { inset:8px 8px auto; min-height:0; } .landing-floating-header > .wrap { grid-template-columns:1fr auto; gap:12px; padding:8px 12px 8px 16px; } .landing-floating-header .navlinks { display:none; } .landing-floating-header .header-cta { padding:9px 16px; } @layer daytoyear-type { .landing-floating-header .header-cta { font-size:var(--dt-type-body)!important; } } }
@media(prefers-reduced-motion:reduce) { .landing-floating-header { animation:none; } }

/* Use the same CTA palette in the hero; keep its existing size and layout. */
#top .hybrid-actions > .btn { background:var(--green); border-color:var(--green); color:#fff; }
#top .hybrid-actions > .btn:hover { background:#30482c; border-color:#30482c; }