/* Swifty Growth AI landing page. Mobile first. */
.ai-hero{padding:120px 0 56px;background:linear-gradient(180deg,#f4f8ff 0%,#fff 100%);overflow:hidden}
.ai-eyebrow{font-size:.8rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#1d4ed8;margin:0 0 10px}
.ai-h1{font-size:clamp(2.1rem,7vw,3.6rem);line-height:1.05;font-weight:800;color:#111827;margin:0 0 16px;text-wrap:balance}
.ai-h1 span{display:block}
.ai-lead{font-size:1.1rem;color:#374151;max-width:34rem;margin:0 0 22px}
.ai-field{max-width:34rem}
.ai-label{display:block;font-weight:700;color:#111827;font-size:1.05rem;margin:0 0 8px}
.ai-row{display:flex;flex-direction:column;gap:10px}
.ai-row input{height:56px;font-size:16px;border:2px solid #cbd5e1;border-radius:14px;padding:0 16px;background:#fff;width:100%;color:#111827}
.ai-row input:focus{outline:none;border-color:#2152ff;box-shadow:0 0 0 4px rgba(33,82,255,.15)}
.ai-go{height:56px;font-size:1.02rem;border-radius:14px;white-space:nowrap;padding:0 22px}
.ai-hint{font-size:.92rem;color:#4b5563;margin:8px 0 0}
.ai-err{color:#b91c1c;font-size:.92rem;margin:4px 0 0;min-height:1.2em}
.ai-chips{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.ai-chips li{font-size:.85rem;font-weight:600;color:#1f2937;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:6px 12px}
.ai-fan{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:28px 4px 8px;margin-top:20px;-webkit-overflow-scrolling:touch}
.ai-fan figure{flex:0 0 72%;scroll-snap-align:center;margin:0;background:#fff;border-radius:18px;padding:10px;box-shadow:0 14px 34px rgba(15,23,42,.14)}
.ai-fan img,.ai-gal img{width:100%;height:auto;border-radius:12px;display:block}
.ai-fan figcaption,.ai-gal figcaption{font-size:.82rem;font-weight:600;color:#4b5563;padding:8px 4px 2px}
.ai-small-h{font-size:.85rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#4b5563;margin-bottom:18px}
.ai-logos{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 34px}
.ai-logos img{height:34px;width:auto;filter:grayscale(1);opacity:.85}
.ai-gal{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:24px 16px 8px;max-width:1240px;margin:0 auto}
.ai-gal figure{flex:0 0 78%;scroll-snap-align:center;margin:0;background:#fff;border-radius:18px;padding:10px;box-shadow:0 10px 26px rgba(15,23,42,.10)}
.ai-cmp{overflow-x:auto;max-width:900px;margin:0 auto}
.ai-cmp table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 8px 26px rgba(15,23,42,.08);font-size:.95rem;min-width:560px}
.ai-cmp th,.ai-cmp td{padding:14px 16px;border-bottom:1px solid #eef1f6;text-align:left;color:#374151}
.ai-cmp thead th{font-weight:800;color:#111827}
.ai-cmp tbody th{font-weight:700;color:#111827}
.ai-cmp .ai-us{background:#eef4ff;color:#1e3a8a;font-weight:700}
.ai-faq details{border-bottom:1px solid #e5e7eb;padding:6px 0}
.ai-faq summary{cursor:pointer;font-size:1.15rem;font-weight:700;color:#111827;padding:14px 0;min-height:44px;list-style:none}
.ai-faq summary::-webkit-details-marker{display:none}
.ai-faq summary::after{content:"+";float:right;color:#2152ff;font-size:1.4rem;line-height:1}
.ai-faq details[open] summary::after{content:"\2013"}
.ai-faq p{font-size:1.05rem;line-height:1.65;color:#374151;margin:0 0 14px}
.ai-final{background:linear-gradient(160deg,#0b1430 0%,#111827 70%)}
.ai-field-dark .ai-row input{border-color:#334155}
.ai-final .ai-err{color:#fecaca}
.ai-sticky{position:fixed;left:16px;right:16px;bottom:16px;z-index:1030}
@media (min-width:576px){.ai-row{flex-direction:row}.ai-row input{flex:1}}
@media (min-width:768px){
  .ai-fan figure{flex-basis:46%}.ai-gal figure{flex-basis:31%}
}
@media (min-width:992px){
  .ai-hero{padding:150px 0 80px}
  .ai-fan{overflow:visible;position:relative;height:460px;display:block;padding:0}
  .ai-fan figure{position:absolute;width:52%;transition:transform .3s}
  .ai-fan figure:nth-child(1){left:0;top:70px;transform:rotate(-6deg)}
  .ai-fan figure:nth-child(2){left:24%;top:10px;transform:rotate(2deg);z-index:2}
  .ai-fan figure:nth-child(3){left:48%;top:60px;transform:rotate(7deg);width:44%}
  .ai-sticky{display:none!important}
}
/* wizard */
.ai-wiz{position:fixed;inset:0;z-index:1060;background:#fff;display:flex;flex-direction:column}
.ai-wiz[hidden]{display:none}
.aw-top{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #eef1f6}
.aw-back,.aw-x{width:44px;height:44px;border:0;background:#f3f4f6;border-radius:12px;font-size:1.3rem;color:#111827;flex:none}
.aw-bar{flex:1;height:8px;background:#e5e7eb;border-radius:99px;overflow:hidden}
.aw-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,#2152ff,#21d4fd);transition:width .3s}
.aw-phone{font-weight:700;color:#1d4ed8;font-size:.9rem;white-space:nowrap}
.aw-body{flex:1;overflow-y:auto;padding:28px 20px 120px;max-width:560px;width:100%;margin:0 auto}
.aw-q{font-size:1.6rem;font-weight:800;color:#111827;line-height:1.2;margin:0 0 8px;outline:none}
.aw-sub{color:#4b5563;margin:0 0 20px}
.aw-opts{display:grid;gap:12px}
.aw-opt{display:flex;align-items:center;gap:12px;min-height:60px;padding:14px 16px;border:2px solid #e5e7eb;border-radius:16px;background:#fff;font-size:1.05rem;font-weight:600;color:#111827;text-align:left;width:100%}
.aw-opt[aria-pressed="true"]{border-color:#2152ff;background:#eef4ff}
.aw-in{display:block;width:100%;height:56px;font-size:16px;border:2px solid #cbd5e1;border-radius:14px;padding:0 16px;margin:0 0 6px}
.aw-in:focus{outline:none;border-color:#2152ff;box-shadow:0 0 0 4px rgba(33,82,255,.15)}
.aw-lab{display:block;font-weight:700;color:#111827;margin:14px 0 6px}
.aw-next{position:fixed;left:16px;right:16px;bottom:16px;max-width:528px;margin:0 auto;height:56px;font-size:1.05rem;border-radius:14px}
.aw-load{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding-top:40px}
.aw-spin{width:48px;height:48px;border-radius:50%;border:5px solid #dbe6ff;border-top-color:#2152ff;animation:awspin 1s linear infinite}
@keyframes awspin{to{transform:rotate(360deg)}}
.aw-phoneframe{max-width:300px;margin:8px auto 0;border:10px solid #111827;border-radius:34px;overflow:hidden;background:#111827}
.aw-phoneframe img{display:block;width:100%}
.aw-cap{background:#fff;padding:12px;font-size:.92rem;color:#111827;white-space:pre-line}
.aw-note{font-size:.85rem;color:#4b5563}
.aw-steps{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:10px}
.aw-steps li{border-left:3px solid #bcd3ff;padding:4px 0 4px 14px}
.aw-review{background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;padding:16px;font-size:.98rem;color:#1f2937}
@media (prefers-reduced-motion:reduce){.aw-spin{animation:none}.ai-fan figure{transition:none}}
.sticky-cta{display:none!important}
