/* shared.css — Compare-Cover */
:root{
  --navy:#0a1628;
  --navy-mid:#112240;
  --blue:#1a56db;
  --blue-light:#3b82f6;
  --gold:#c8880a;
  --gold-light:#e9a820;
  --off-white:#f7f9fc;
  --slate:#64748b;
}
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Montserrat',sans-serif;background:var(--off-white);color:var(--navy);}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all 0.3s;}
nav.scrolled{background:rgba(10,22,40,0.97);backdrop-filter:blur(16px);box-shadow:0 2px 24px rgba(0,0,0,0.25);}
.nav-logo-text{font-size:1.1rem;font-weight:800;color:white;letter-spacing:-0.02em;text-decoration:none;}
.nav-logo-text span{color:var(--gold-light);}
.nav-link{color:rgba(255,255,255,0.7);font-size:0.83rem;font-weight:600;letter-spacing:0.02em;text-decoration:none;transition:color 0.2s;}
.nav-link:hover,.nav-link.active{color:var(--gold-light);}
.mobile-menu{display:none;background:rgba(10,22,40,0.98);}
.mobile-menu.open{display:block;}

/* BUTTONS */
.btn-primary{background:var(--blue);color:white;font-family:'Montserrat',sans-serif;font-weight:700;font-size:0.85rem;letter-spacing:0.02em;border:none;cursor:pointer;border-radius:8px;transition:all 0.25s;display:inline-block;text-decoration:none;padding:0.82rem 1.6rem;}
.btn-primary:hover{background:#1545b8;transform:translateY(-1px);box-shadow:0 6px 20px rgba(26,86,219,0.35);}
.btn-gold{background:var(--gold);color:white;font-family:'Montserrat',sans-serif;font-weight:700;font-size:0.85rem;letter-spacing:0.02em;border:none;cursor:pointer;border-radius:8px;transition:all 0.25s;display:inline-block;text-decoration:none;padding:0.82rem 1.6rem;}
.btn-gold:hover{background:#a8720a;transform:translateY(-1px);box-shadow:0 6px 20px rgba(200,136,10,0.35);}
.btn-outline{background:transparent;color:white;font-family:'Montserrat',sans-serif;font-weight:700;font-size:0.85rem;border:2px solid rgba(255,255,255,0.28);cursor:pointer;border-radius:8px;transition:all 0.25s;display:inline-block;text-decoration:none;padding:0.8rem 1.6rem;}
.btn-outline:hover{border-color:rgba(255,255,255,0.6);}

/* TYPOGRAPHY */
.section-label{font-size:0.68rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--blue);margin-bottom:0.45rem;}
.section-title{font-size:clamp(1.55rem,3.2vw,2.3rem);font-weight:800;color:var(--navy);line-height:1.12;letter-spacing:-0.02em;}

/* FORM ELEMENTS */
.form-input{width:100%;border:1.5px solid #dde3ed;border-radius:8px;padding:0.72rem 0.88rem;font-family:'Montserrat',sans-serif;font-size:0.82rem;font-weight:500;transition:border-color 0.2s;outline:none;color:var(--navy);background:white;}
.form-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(26,86,219,0.07);}
.form-select{width:100%;border:1.5px solid #dde3ed;border-radius:8px;padding:0.72rem 0.88rem;font-family:'Montserrat',sans-serif;font-size:0.82rem;font-weight:500;outline:none;color:var(--navy);background:white;cursor:pointer;transition:border-color 0.2s;}
.form-select:focus{border-color:var(--blue);}
.form-label{display:block;font-size:0.68rem;font-weight:700;color:#475569;margin-bottom:0.38rem;letter-spacing:0.05em;text-transform:uppercase;}

/* TRUST BAR */
.trust-bar{background:var(--navy-mid);border-top:1px solid rgba(255,255,255,0.06);}
.trust-item{display:flex;align-items:center;gap:7px;color:rgba(255,255,255,0.52);font-size:0.73rem;font-weight:600;letter-spacing:0.03em;}

/* CARDS */
.ins-card{background:white;border-radius:12px;padding:1.4rem;border:1px solid #e2e8f0;transition:all 0.25s;box-shadow:0 1px 4px rgba(0,0,0,0.05);text-decoration:none;color:inherit;display:block;}
.ins-card:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 10px 28px rgba(26,86,219,0.11);}
.ins-icon-wrap{width:42px;height:42px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:0.85rem;}
.ins-card h3{font-size:0.85rem;font-weight:700;margin-bottom:0.28rem;color:var(--navy);}
.ins-card p{font-size:0.77rem;color:var(--slate);line-height:1.55;font-weight:500;}
.ins-card .arrow{font-size:0.73rem;font-weight:700;color:var(--blue);margin-top:0.65rem;display:flex;align-items:center;gap:4px;}

/* MODAL */
.modal-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.52);z-index:9999;align-items:center;justify-content:center;}
.modal-overlay.show{display:flex;}
.modal-box{background:white;border-radius:14px;padding:2.2rem;max-width:410px;width:90%;text-align:center;}

/* FAQ */
.faq-item{border-bottom:1px solid #e8edf3;}
.faq-q{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;cursor:pointer;font-weight:600;font-size:0.88rem;color:var(--navy);gap:1rem;}
.faq-q:hover{color:var(--blue);}
.faq-a{max-height:0;overflow:hidden;transition:max-height 0.35s ease,padding 0.2s;color:var(--slate);font-size:0.83rem;line-height:1.7;font-weight:500;}
.faq-a.open{max-height:400px;padding-bottom:1rem;}
.faq-icon{transition:transform 0.3s;font-size:1.1rem;color:var(--blue);flex-shrink:0;line-height:1;}
.faq-icon.rotated{transform:rotate(45deg);}

/* FOOTER */
footer{background:var(--navy);}
.footer-link{color:rgba(255,255,255,0.38);font-size:0.78rem;font-weight:500;text-decoration:none;display:block;margin-bottom:0.45rem;transition:color 0.2s;}
.footer-link:hover{color:var(--gold-light);}

/* CHECK / CROSS LISTS */
.check-item,.cross-item{display:flex;gap:9px;align-items:flex-start;margin-bottom:0.5rem;font-size:0.83rem;color:#374151;font-weight:500;}

/* ANIMATIONS */
@keyframes fadeUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}
.anim{opacity:0;animation:fadeUp 0.6s ease forwards;}
.d1{animation-delay:0.08s;}.d2{animation-delay:0.2s;}.d3{animation-delay:0.33s;}.d4{animation-delay:0.46s;}