/* Homepage free-tools strip (PREVIEW, 16 Oct 2026): AI brief builder + artwork checker, equal weight */
.ais{max-width:1180px;margin:24px auto 6px;padding:0 clamp(12px,3vw,32px)}
.ais-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}
.ais-p{min-height:420px}
.ais-p{position:relative;display:flex;flex-direction:column;padding:24px clamp(18px,2.4vw,28px);border-radius:28px;overflow:hidden;min-width:0}
.ais-p--ai{background:#0F2A3D;color:#fff;box-shadow:0 24px 50px -30px rgba(15,42,61,.7)}
.ais-p--ai::before{content:"";position:absolute;inset:auto -80px -120px auto;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,210,0,.2),transparent 65%);pointer-events:none}
.ais-p--ck{background:#fff;color:var(--ink);border:2px solid #d9e9f4;box-shadow:0 24px 50px -32px rgba(15,42,61,.45)}
.ais-kick{align-self:flex-start;display:inline-flex;margin:0 0 10px;padding:4px 12px;border-radius:99px;background:#ffd200;color:#14141b;font-weight:800;font-size:.78rem;letter-spacing:.05em;text-transform:uppercase;transform:rotate(-3deg)}
.ais-kick--g{background:#15803D;color:#fff}
.ais h2{margin:0 0 6px;font-size:clamp(1.45rem,2.6vw,1.9rem);letter-spacing:-.035em;line-height:1.1}
.ais-p--ai h2 span{color:#ffd200}
.ais-p--ck h2 span{color:#15803D}
.ais-sub{margin:0 0 16px;font-size:.98rem;line-height:1.5;max-width:46ch}
.ais-p--ai .ais-sub{color:rgba(255,255,255,.82)}
.ais-p--ck .ais-sub{color:var(--muted)}
.ais-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:auto}
.ais-f{display:flex;flex-direction:column;gap:5px;min-width:0}
.ais-f label{font-weight:800;font-size:.86rem}
.ais-f select{width:100%;min-height:52px;padding:12px 14px;border-radius:14px;border:1.5px solid #d4d5e0;background:#fff;font:600 1rem var(--font);color:var(--ink)}
.ais-f select:focus{outline:none;border-color:#ffd200;box-shadow:0 0 0 4px rgba(255,210,0,.35)}
.ais-f--w{grid-column:1/-1}
.ais-go{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;margin-top:4px;border:0;border-radius:99px;background:#ffd200;color:#14141b;font:800 1.08rem var(--font);text-decoration:none;cursor:pointer;animation:aisPulse 2.6s ease-in-out infinite;transition:background .2s,transform .2s}
.ais-go:hover{background:#ffe14d;transform:translateY(-1px)}
.ais-go svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
@keyframes aisPulse{0%,100%{box-shadow:0 0 0 0 rgba(255,210,0,.55)}50%{box-shadow:0 0 0 12px rgba(255,210,0,0)}}
.ais-free{margin:10px 0 0;font-size:.8rem;color:rgba(255,255,255,.7)}
/* checker drop box */
.ack-drop{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:170px;margin-top:auto;padding:18px;border:2.5px dashed #9cc9e4;border-radius:20px;background:#f2f9fd;text-align:center;cursor:pointer;transition:border-color .2s,background .2s,transform .2s}
.ack-drop:hover,.ack-drop.over{border-color:#15803D;background:#ecf8f0;transform:translateY(-1px)}
.ack-drop:focus-within{outline:3px solid #2F5BEA;outline-offset:3px}
.ack-drop svg{width:38px;height:38px;fill:none;stroke:#15803D;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;margin-bottom:4px}
.ack-drop strong{font-size:1.1rem}
.ack-drop small{color:var(--muted);font-size:.86rem}
.ack-in{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.ack-st{margin:8px 0 0;min-height:1.2em;font-size:.88rem;font-weight:700;color:#15803D}
.ack-st.bad{color:#b81b22}
.ack-res{margin-top:6px}
.ack-res iframe{display:block;width:100%;height:520px;border:0;background:transparent}
.ais-p--ck.has .ack-drop{min-height:72px;flex-direction:row;gap:10px}
.ais-p--ck.has .ack-drop svg{width:24px;height:24px;margin:0}
.ais-p--ck.has .ack-drop small{display:none}
/* before / after: small row under both panels */
.ais-ba{display:flex;justify-content:center;gap:28px;margin:18px auto 0;max-width:620px}
.ais-card{flex:1 1 0;display:flex;align-items:center;gap:12px;margin:0;min-width:0}
.ais-art{position:relative;flex:none;width:118px}
.ais-art svg{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 12px rgba(20,20,40,.25))}
.ais-stamp{position:absolute;top:44%;left:0;right:0;margin:0 auto;width:max-content;white-space:nowrap;padding:3px 7px;border:2.5px solid currentColor;border-radius:7px;font:800 .66rem var(--font);letter-spacing:.06em;text-transform:uppercase;background:rgba(255,255,255,.95);transform:rotate(-10deg);animation:aisStamp .5s cubic-bezier(.2,1.6,.4,1) both}
.ais-stamp--bad{color:#E3262E;animation-delay:.6s}
.ais-stamp--ok{color:#15803D;animation-delay:1.2s} /* 17 Oct: same shape, size, position, angle and animation as Rejected, in green */
/* 18 Oct (Keith): his Art Dr APPROVED stamp image back on the small "after" thumbnail, replacing the green text label.
   Big enough to read (about 80% of the flyer width), tilted -12deg, sitting over the lower-right corner so the flyer still shows. */
@media (min-width:521px){.ais-art:has(.ais-seal){margin-right:20px}}
.ais-seal{position:absolute;right:-20%;bottom:-6%;width:80%;height:auto;--r:-12deg;transform:rotate(-12deg);filter:drop-shadow(0 3px 6px rgba(0,0,0,.28));animation:aisStamp .5s cubic-bezier(.2,1.6,.4,1) 1.2s both;pointer-events:none}
@keyframes aisStamp{0%{opacity:0;transform:scale(2.2) rotate(var(--r,-10deg))}100%{opacity:1;transform:scale(1) rotate(var(--r,-10deg))}}
.ais-card figcaption{font-size:.84rem;line-height:1.35;color:var(--muted)}
.ais-card figcaption b{display:block;color:var(--ink)}
@media (max-width:860px){.ais-duo{grid-template-columns:minmax(0,1fr)}}
@media (max-width:520px){.ais-form{grid-template-columns:minmax(0,1fr)}.ais-ba{gap:12px}.ais-card{flex-direction:column;text-align:center;gap:6px}.ais-art{width:104px}}
@media (prefers-reduced-motion:reduce){.ais-go,.ais-stamp,.ais-seal{animation:none}.ack-drop{transition:none}}
/* 19 Oct 2026: Print rules for AI (copy button + status; fixed min-height so the message never shifts the layout) */
.ais-cp{grid-column:1/-1;margin:0;height:2.6em;overflow:hidden;font-size:.84rem;font-weight:700;line-height:1.3;color:#9be7b4;text-align:center}
.ais-free a{color:#ffd200;font-weight:700}

/* 20 Oct 2026: print rules single panel; Art Dr checker moved into "Designing your own artwork" card */
.ais-duo--one{grid-template-columns:minmax(0,1fr)}
.ais-duo--one .ais-p{min-height:0}
.ais-p--ai h2 span{display:block;font-size:.62em;margin-top:6px;line-height:1.3}

.ack-guide{margin:12px 0 0;font-weight:700}.ack-guide a{color:#2F5BEA}


/* 20 Oct 2026b: blue card full width, Why Flyerz | Art Dr row, print rules at bottom */
.fz-feat:not(.fz-feat--row2){grid-template-columns:1fr}
.fz-feat:not(.fz-feat--row2) .fz-card--art{min-height:240px}
.fz-feat--row2{margin-top:16px;align-items:stretch}
.fz-feat--row2 .ais-p--own{min-height:0;border-radius:24px}
.ais--bottom{margin-top:40px;scroll-margin-top:16px}
html,body{overflow-x:clip}
@media (min-width:721px){.fz-feat:not(.fz-feat--row2) .fz-card--art{padding-right:320px;min-height:200px}.fz-feat:not(.fz-feat--row2) .fz-burst2{bottom:auto;top:24px;right:170px}}
/* 20 Oct 2026c: Art Dr left | Why Flyerz + Print rules stacked right */
.fz-feat--row2{margin-top:40px}
.fz-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.fz-side .fz-card--why{flex:none}
.ais--side{margin:0;padding:0;flex:1;display:flex;max-width:none}
.ais--side .ais-duo{display:flex;flex:1}
.ais--side .ais-p{flex:1;min-height:0;padding:22px 24px}
@media (max-width:720px){.fz-feat--row2{margin-top:28px}}
.fz-feat--row2 .ais-p--own .ack-drop{flex:1 1 auto;min-height:180px}.fz-feat--row2 .ais-p--own.has .ack-drop{flex:none;min-height:72px}
/* 20 Oct 2026d: compact secondary section */
.fz-feat--row2{gap:12px;margin-top:24px}
.fz-feat--row2 .ais-p--own{padding:14px 18px;border-radius:18px;box-shadow:none}
.fz-feat--row2 .ais-p--own .artdr-mark{margin:0 0 4px;justify-content:flex-start}
.fz-feat--row2 .ais-p--own .artdr-mark img{height:40px}
.fz-feat--row2 .ais-p--own .ais-kick{display:none}
.fz-feat--row2 .ais-p--own h2{font-size:1.05rem;margin:0 0 4px}
.fz-feat--row2 .ais-p--own .ais-sub{font-size:.82rem;margin:0 0 8px}
.fz-feat--row2 .ais-p--own .ack-drop{flex:1 1 auto;min-height:64px;padding:8px;flex-direction:row;gap:10px}
.fz-feat--row2 .ais-p--own .ack-drop svg{width:22px;height:22px;margin:0}
.fz-feat--row2 .ais-p--own .ack-guide{margin-top:8px;font-size:.85rem}
.fz-side{gap:12px}
.fz-side .fz-card--why{padding:14px 18px;gap:4px;border-radius:18px;box-shadow:none}
.fz-side .fz-card--why .fz-ico{display:none}
.fz-side .fz-card--why h2{font-size:1.05rem;margin:0}
.fz-side .fz-card--why .fz-rate b{font-size:1.1rem}
.fz-side .fz-card--why p{font-size:.82rem;margin:0}
.fz-side .fz-card--why .btn{padding:6px 14px;font-size:.82rem;align-self:flex-start}
.ais--side .ais-p{padding:14px 18px;border-radius:18px;box-shadow:none}
.ais--side .ais-p::before{display:none}
.ais--side h2{font-size:1.05rem;margin:0 0 4px}
.ais--side .ais-p--ai h2 span{font-size:.8rem;margin-top:2px}
.ais--side .ais-sub{font-size:.8rem;margin:0}
.ais-more{margin:0 0 8px}.ais-more summary{cursor:pointer;list-style:none}.ais-more summary::-webkit-details-marker{display:none}
.ais-more summary b{color:#ffd200;font-size:.8rem;text-decoration:underline}.ais-more[open] summary b{display:none}
.ais-more p{margin-top:4px!important}
.ais--side .ais-form{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;margin:0}
.ais--side .ais-f{flex:1 1 200px;margin:0}
.ais--side .ais-f label{font-size:.75rem}
.ais--side .ais-f select{padding:6px 10px;font-size:.85rem;min-height:0;height:36px}
.ais--side .ais-go{padding:0 14px;height:36px;min-height:0;font-size:.85rem;width:auto;margin:0}
.ais--side .ais-cp{flex-basis:100%;margin:0;font-size:.75rem}
.ais--side .ais-free{font-size:.72rem;margin:6px 0 0}
.fz-feat--row2 .ais-p--own .ack-drop{flex:none;min-height:56px;height:auto}
.fz-feat--row2 .ais-p--own .ack-guide{margin-top:auto;padding-top:8px}
.fz-side .fz-card--why .btn{padding:6px 14px!important;min-height:0!important;font-size:.82rem!important}
.fz-feat--row2 .ais-p--own{justify-content:flex-start}.fz-feat--row2 .ais-p--own .ack-guide{margin-top:8px}