/* ============================================================
   css/landing.css — Stili dedicati per il mini sito pubblico
   (index.php, features.php, pricing.php, compare.php, preorder.php)
   Caricato da includes/_lp_header.php. Tailwind CDN copre le utility,
   qui restano solo le classi custom che Tailwind non fornisce.
   ============================================================ */

html { scroll-behavior: smooth; }

.gradient-hero   { background: linear-gradient(135deg, #0f1117 0%, #1a1d27 60%, #0d1535 100%); }
.badge-pill      { background: rgba(79,126,248,.15); color: #4f7ef8; border: 1px solid rgba(79,126,248,.3); }
.plan-popular    { box-shadow: 0 0 0 2px #4f7ef8, 0 8px 40px rgba(79,126,248,.2); }
.feat-card       { transition: transform .2s, box-shadow .2s; }
.feat-card:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0,0,0,.08); }

details summary  { cursor: pointer; list-style: none; }
details summary::-webkit-details-marker { display: none; }
.faq-arrow       { transition: transform .2s; }
details[open] .faq-arrow { transform: rotate(180deg); }

/* ---- Preorder ---- */
.preorder-input {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #e5e7eb;
    border-radius: 10px;
    font-size: 14px;
    background: #fff;
    color: #111827;
}
.preorder-input:focus {
    outline: none;
    border-color: #4f7ef8;
    box-shadow: 0 0 0 3px rgba(79,126,248,.15);
}
.preorder-success {
    display: none;
}
.preorder-success.show {
    display: block;
}
.preorder-form.hide {
    display: none;
}
.preorder-count-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #22c55e;
    display: inline-block;
    animation: preorder-pulse 1.8s ease-in-out infinite;
}
@keyframes preorder-pulse {
    0%, 100% { opacity: 1; }
    50%      { opacity: .35; }
}