/* ReconSync marketing — shared styles */
*{box-sizing:border-box}

/* Entrance keyframes (referenced by inline animation styles) */
@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}

/* Scroll reveal */
.reveal{opacity:0;transform:translateY(22px);transition:opacity 0.7s ease,transform 0.7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* Dot pattern */
.dot-bg{background-image:radial-gradient(circle,#cbd5e1 1px,transparent 1px);background-size:28px 28px}

/* Gradient text */
.text-gradient{background:linear-gradient(130deg,#1d4ed8 0%,#4f46e5 55%,#7c3aed 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* Accent rule */
.rule{height:3px;background:linear-gradient(90deg,#3b82f6,#6366f1,#8b5cf6);border-radius:2px}

/* Pill */
.pill{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.pill-blue{background:#eff6ff;border:1px solid #bfdbfe;color:#2563eb}
.pill-slate{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}
.pill-violet{background:#f5f3ff;border:1px solid #ddd6fe;color:#7c3aed}
.pill-green{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d}
.pill-amber{background:#fffbeb;border:1px solid #fde68a;color:#b45309}
.pill-emerald{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}
.pill-orange{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}

/* Cards */
.card{background:#fff;border:1px solid #e7e5e4;border-radius:16px;transition:all .25s ease}
.card:hover{border-color:#bfdbfe;box-shadow:0 8px 30px rgba(59,130,246,.08);transform:translateY(-3px)}
.card-plain{background:#fff;border:1px solid #e7e5e4;border-radius:12px}

/* Buttons */
.btn-p{display:inline-flex;align-items:center;gap:8px;background:#2563eb;color:#fff;padding:13px 28px;border-radius:10px;font-weight:600;font-size:.95rem;text-decoration:none;transition:all .2s;cursor:pointer;border:none}
.btn-p:hover{background:#1d4ed8;box-shadow:0 6px 20px rgba(37,99,235,.3);transform:translateY(-1px)}
.btn-p:disabled{opacity:.6;cursor:not-allowed;transform:none}
.btn-g{display:inline-flex;align-items:center;gap:8px;color:#374151;padding:13px 24px;border-radius:10px;font-weight:600;font-size:.95rem;text-decoration:none;border:1px solid #e5e7eb;background:#fff;transition:all .2s;cursor:pointer}
.btn-g:hover{border-color:#bfdbfe;color:#2563eb;transform:translateY(-1px)}

/* Nav */
nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:all .3s}
nav.scrolled{background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid #f1f5f9;box-shadow:0 1px 20px rgba(0,0,0,.05)}

/* Nav dropdown */
.dropdown{position:relative}
.dropdown-menu{position:absolute;top:100%;left:0;padding-top:12px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:120}
.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-card{min-width:264px;background:#fff;border:1px solid #eef2f6;border-radius:14px;box-shadow:0 16px 44px rgba(15,23,42,.12);padding:8px}
.dropdown-link{display:flex;align-items:flex-start;gap:11px;padding:9px 11px;border-radius:9px;transition:background .15s}
.dropdown-link:hover{background:#f8fafc}
.dropdown-ic{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* Announcement link */
.announce{display:inline-flex;align-items:center;gap:9px;padding:8px 8px 8px 16px;border-radius:999px;background:#fff;border:1px solid #e2e8f0;font-size:.85rem;font-weight:600;color:#334155;transition:all .2s;box-shadow:0 2px 12px rgba(15,23,42,.05)}
.announce:hover{border-color:#bfdbfe;box-shadow:0 4px 18px rgba(37,99,235,.12);transform:translateY(-1px)}
.announce-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 11px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}

/* Divider */
.hr{height:1px;background:linear-gradient(90deg,transparent,#e2e8f0 20%,#e2e8f0 80%,transparent)}

/* Stat */
.stat-n{font-size:2.8rem;font-weight:800;line-height:1;letter-spacing:-.02em;color:#1e293b}

/* Icon box */
.ibox{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}

/* Industry tag */
.itag{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;background:#fff;border:1px solid #e7e5e4;border-radius:10px;font-size:.82rem;font-weight:600;color:#475569;transition:all .2s}
.itag:hover{border-color:#93c5fd;color:#1d4ed8;box-shadow:0 2px 12px rgba(59,130,246,.1)}

/* Studio module card */
.mod{position:relative;background:#fff;border:1px solid #e7e5e4;border-radius:16px;overflow:hidden;transition:all .25s ease}
.mod:hover{border-color:#bfdbfe;box-shadow:0 10px 34px rgba(59,130,246,.1);transform:translateY(-3px)}
.mod-top{height:3px;width:100%}
.chip{display:inline-flex;align-items:center;padding:4px 10px;border-radius:7px;font-size:.7rem;font-weight:600;color:#475569;background:#f8fafc;border:1px solid #eef2f6}
.kicker{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}

/* Check item */
.check-item{display:flex;align-items:flex-start;gap:10px}
.check-dot{width:20px;height:20px;border-radius:50%;background:#f0fdf4;border:1px solid #bbf7d0;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}

/* Outcome row */
.outcome{display:flex;gap:16px}
.outcome-bar{width:3px;border-radius:2px;flex-shrink:0}

/* Forms */
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-size:.8rem;font-weight:600;color:#334155}
.field input,.field select,.field textarea{width:100%;padding:11px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:.92rem;color:#0f172a;background:#fff;font-family:inherit;transition:border-color .2s,box-shadow .2s}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px rgba(59,130,246,.12)}
.field textarea{resize:vertical;min-height:110px}

/* Feature list (detail pages) */
.feat{display:flex;gap:14px;align-items:flex-start}
.feat-ic{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}

::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:#f1f5f9}
::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}