/* Flyerz: header nav to star pages, homepage feature cards, order-form artwork box, checkout trust strip (12 Oct 2026) */
.fz-nav{display:flex;align-items:center;gap:4px;margin-left:auto;font-weight:800;font-size:.92rem;white-space:nowrap}
.fz-nav a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:8px 12px;border-radius:99px;color:#14141b;text-decoration:none}
.fz-nav a:hover{background:#f3f3f8}
.fz-nav svg{width:17px;height:17px;flex:none}
.fz-nav .fzn-art svg{fill:none;stroke:#2F5BEA;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fz-nav .fzn-why svg{fill:#FBBC04}
@media (max-width:760px){
  .top:has(.fz-nav){flex-wrap:wrap;row-gap:0}
  .fz-nav{order:3;flex-basis:100%;justify-content:center;margin:0;border-top:1px solid #ececf2;font-size:.86rem}
  .fz-nav a{padding:6px 12px;min-height:40px}
}
/* homepage feature cards */
.fz-feat{max-width:1200px;margin:40px auto 0;padding:0 clamp(14px,3vw,32px);display:grid;grid-template-columns:1fr 1fr;gap:16px}
.fz-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:12px;padding:26px 26px 24px;border-radius:22px;text-align:left;box-shadow:0 10px 30px rgba(20,20,27,.08)}
.fz-card h2{margin:0;font-size:clamp(1.25rem,2.4vw,1.6rem);line-height:1.15;letter-spacing:-.01em}
.fz-card p{margin:0;line-height:1.5;font-size:1rem}
.fz-card .btn{align-self:flex-start;margin-top:auto}
.fz-card .fz-ico{width:46px;height:46px;border-radius:14px;display:grid;place-items:center}
.fz-card .fz-ico svg{width:26px;height:26px}
.fz-card--art{background:#2F5BEA;color:#fff}
.fz-card--art .fz-ico{background:rgba(255,255,255,.18)}
.fz-card--art .fz-ico svg{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fz-card--art .btn{background:#fff;color:#14141b}
.fz-card--art .btn:hover{background:#FFD400;color:#14141b}
.fz-card--why{background:#FFD400;color:#14141b}
.fz-card--why .fz-ico{background:rgba(20,20,27,.08)}
.fz-card--why .fz-ico svg{fill:#14141b}
.fz-rate{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-weight:700}
.fz-rate b{font-size:1.9rem;line-height:1}
.fz-stars{display:inline-flex;gap:2px}
.fz-stars svg{width:20px;height:20px;fill:#14141b}
.fz-stars .half{fill:url(#fzhalf)}
@media (max-width:720px){.fz-feat{grid-template-columns:1fr;margin-top:28px}.fz-card{padding:22px 20px}}
/* order form: artwork guidelines box */
.fz-artbox{display:flex;gap:12px;align-items:center;margin:0 0 14px;padding:14px 16px;border-radius:14px;background:#FFF6C7;border:2px solid #FFD400;color:#14141b;line-height:1.4}
.fz-artbox svg{width:28px;height:28px;flex:none;fill:none;stroke:#14141b;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.fz-artbox a{font-weight:800;color:#14141b;text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:12px 4px;margin:-12px -4px} /* 1 Nov: 44px tap area, same look */
.fz-artbox b{display:block}
/* checkout trust strip */
.fz-trust{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin:10px 0 0;padding:10px 12px;border-radius:12px;background:#f4faf6;border:1px solid #cfe9d8;font-size:.86rem;text-align:center}
.fz-trust a{display:inline-flex;align-items:center;gap:6px;min-height:28px;color:#11612f;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.fz-trust .fz-tstars{color:#E8A400;letter-spacing:1px;font-size:1rem}

/* 12 Oct 2026 (Keith): comic-style starburst on the homepage artwork card */
.fz-card--art{padding-right:150px}
.fz-burst{position:absolute;top:10px;right:10px;width:128px;height:128px;display:grid;place-items:center;text-align:center;padding:24px;background:#FFD400;color:#14141b;transform:rotate(12deg);
  clip-path:polygon(50% 0,59% 15%,75% 5%,77% 22%,95% 20%,88% 37%,100% 50%,88% 63%,95% 80%,77% 78%,75% 95%,59% 85%,50% 100%,41% 85%,25% 95%,23% 78%,5% 80%,12% 63%,0 50%,12% 37%,5% 20%,23% 22%,25% 5%,41% 15%);
  filter:drop-shadow(3px 3px 0 #14141b);animation:fzburst 3.2s ease-in-out infinite;pointer-events:none}
.fz-burst b{font-weight:900;font-size:.86rem;line-height:1.05;text-transform:uppercase;letter-spacing:.01em}
@keyframes fzburst{0%,100%{transform:rotate(12deg) scale(1)}50%{transform:rotate(12deg) scale(1.07)}}
@media (prefers-reduced-motion:reduce){.fz-burst{animation:none}}
@media (max-width:720px){.fz-card--art{padding-right:120px}.fz-burst{width:104px;height:104px;padding:18px;top:8px;right:8px}.fz-burst b{font-size:.7rem}}

/* 14 Oct 2026 (Keith): second starburst, links to the AI brief prompt */
.fz-card--art{min-height:310px}
.fz-burst2{position:absolute;bottom:12px;right:12px;width:132px;height:132px;display:grid;place-items:center;text-align:center;padding:26px;background:#E3262E;color:#fff;text-decoration:none;transform:rotate(-10deg);
  clip-path:polygon(50% 0,59% 15%,75% 5%,77% 22%,95% 20%,88% 37%,100% 50%,88% 63%,95% 80%,77% 78%,75% 95%,59% 85%,50% 100%,41% 85%,25% 95%,23% 78%,5% 80%,12% 63%,0 50%,12% 37%,5% 20%,23% 22%,25% 5%,41% 15%);
  filter:drop-shadow(3px 3px 0 #14141b);transition:transform .2s;z-index:2}
.fz-burst2 b{font-weight:900;font-size:.74rem;line-height:1.08;text-transform:uppercase;letter-spacing:.01em}
.fz-burst2:hover,.fz-burst2:focus-visible{transform:rotate(-10deg) scale(1.08)}
@media (max-width:720px){.fz-card--art{min-height:250px}.fz-burst2{width:108px;height:108px;padding:19px;bottom:8px;right:8px}.fz-burst2 b{font-size:.6rem}}