/* Quail campaign design language: lavender editorial with the bird and the
   branch. Shared by the lead-facing pages (ai-visibility, call-audit).
   Fonts loaded per-page: Newsreader (display, italic), Inter (body),
   Space Grotesk (labels). */

*,*::before,*::after{box-sizing:border-box}
body{
  margin:0;color:#111214;font-family:Inter,system-ui,sans-serif;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative;
  background:
    radial-gradient(560px 420px at 10% 2%, rgba(178,181,253,.35), transparent 62%),
    radial-gradient(720px 540px at 94% 18%, rgba(212,196,240,.42), transparent 64%),
    radial-gradient(640px 560px at 6% 64%, rgba(178,181,253,.22), transparent 60%),
    radial-gradient(540px 480px at 90% 94%, rgba(199,186,247,.32), transparent 62%),
    linear-gradient(180deg,#eeeafd 0%,#f2effb 50%,#e9e4fa 100%);
}
body::after{
  content:"";position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.03;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:200px;
}

.q-wrap{max-width:960px;margin:0 auto;padding:40px 22px 90px}
.q-brand{display:flex;align-items:center;gap:.65rem;font-family:Newsreader,serif;font-style:italic;font-size:26px;text-decoration:none;color:#111214}
.q-brand img{width:36px;height:36px;object-fit:contain;border-radius:8px}
.q-kicker{font-family:'Space Grotesk',monospace;font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:#555899}
.q-display{font-family:Newsreader,serif;font-weight:500;font-style:italic;letter-spacing:-.01em;line-height:1.02;color:#111214}
.q-lead{color:#4b494e;font-weight:300;line-height:1.7}
.q-label{font-family:'Space Grotesk',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#5a5b60}

/* Paper cards, gently tilted like the journal */
.q-card{position:relative;z-index:1;background:rgba(255,255,255,.95);border:1px solid rgba(85,88,153,.14);box-shadow:0 12px 34px rgba(85,88,153,.1);padding:24px 26px;transition:transform .28s cubic-bezier(.2,.9,.3,1.2),box-shadow .28s ease}
.q-tilt-l{transform:rotate(-.4deg)}
.q-tilt-r{transform:rotate(.35deg)}
.q-card:hover{transform:translateY(-4px) rotate(0deg);box-shadow:0 22px 50px rgba(85,88,153,.2)}
.q-ghost{position:absolute;right:6px;top:-30px;font-family:Newsreader,serif;font-style:italic;font-size:84px;line-height:1;color:rgba(85,88,153,.1);user-select:none;pointer-events:none}

/* Branch + perched bird */
.q-perchline{position:relative}
.q-branch{position:relative;z-index:0;width:150px;height:53px;background:url(/branch.svg) no-repeat left top/contain;filter:drop-shadow(0 3px 5px rgba(85,88,153,.18))}
.q-perch{width:66px;height:66px;animation:q-idle 5.5s ease-in-out infinite}
.q-perch img{width:100%;height:100%;object-fit:contain;display:block;filter:drop-shadow(0 8px 12px rgba(85,88,153,.3))}
@keyframes q-idle{0%,100%{transform:translateY(0)}45%{transform:translateY(-3px)}60%{transform:translateY(-1px)}}

/* Buttons */
.q-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#555899;color:#fff;border:none;cursor:pointer;padding:18px 32px;font-family:'Space Grotesk',monospace;font-size:12px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;transition:background .2s ease,transform .2s ease}
.q-btn:hover{background:#464a85;transform:translateY(-1px)}
.q-btn:disabled{opacity:.6;cursor:wait}
.q-btn-quiet{display:inline-flex;align-items:center;gap:8px;color:#555899;font-family:'Space Grotesk',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none}

/* Forms */
.q-field{width:100%;margin-top:7px;border:1px solid rgba(85,88,153,.22);background:#fff;padding:13px 14px;font:400 15px Inter,system-ui,sans-serif;color:#111214;outline:none;border-radius:0;transition:border-color .15s ease,box-shadow .15s ease}
.q-field:focus{border-color:#555899;box-shadow:0 0 0 3px rgba(85,88,153,.12)}
textarea.q-field{min-height:84px;resize:vertical}
.q-hide{display:none!important}

/* Section divider: a sprig */
.q-sprig{display:flex;align-items:center;gap:10px;margin:56px 0 18px}
.q-sprig::before,.q-sprig::after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,rgba(85,88,153,.3),transparent)}
.q-sprig span{width:10px;height:7px;border-radius:60% 40% 60% 40%;background:#8fae7c;transform:rotate(-18deg)}

footer.q-foot{margin-top:70px;border-top:1px solid rgba(85,88,153,.18);padding-top:22px;font-size:13px;color:#5f5e6b;line-height:1.8}
footer.q-foot a{color:#555899;text-decoration:none}

@media(prefers-reduced-motion:reduce){.q-perch{animation:none}.q-card{transition:none}}