/* ============================================================ Rabbi IT Firm — redesign.css (Lovable same-to-same) Load AFTER bootstrap.css + style.css + responsive.css. Requires Google Fonts: Fraunces + Inter + JetBrains Mono (add the in base.blade.php ). Accent = purple #833af0 / #7c25ea ; primary = slate #0d121a. ============================================================ */ :root{ --bg:#ffffff; --ink:#0d121a; --ink-2:#151b24; --muted:#646971; --border:#e5e8ec; --secondary:#f6f8fb; --ivory:#fbf8ff; --purple:#833af0; --purple-deep:#7c25ea; --radius:.625rem; } *{box-sizing:border-box} html{scroll-behavior:smooth} body{font-family:"Inter",system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg);font-size:16px;line-height:1.6;font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;margin:0} h1,h2,h3,h4{font-family:"Fraunces",Georgia,serif;color:var(--ink);font-weight:500;letter-spacing:-.025em;line-height:1.05;font-optical-sizing:auto;font-variation-settings:"SOFT" 50,"WONK" 0;margin:0} p{margin:0;color:var(--muted)} a{text-decoration:none;color:inherit} ul{margin:0} ::selection{background:var(--purple);color:#fff} /* buttons */ /* header */ .logo{display:flex;align-items:center;gap:.6rem;font-family:"Fraunces";font-weight:600;font-size:1.32rem;color:var(--ink)} .nav{display:flex;align-items:center;gap:.25rem} .nav a{position:relative;border-radius:.5rem;padding:.5rem .75rem;font-size:.9rem;font-weight:500;color:var(--muted);transition:.15s} .nav a:hover{color:var(--ink)} .nav a.active{color:var(--ink)} .nav a.active::after{content:"";position:absolute;left:.75rem;right:.75rem;bottom:1px;height:1px;background:var(--purple)} @media(max-width:860px){.nav{display:none}} /* sections */ .bg-dark{background:var(--ink);color:#aeb8c7} .bg-dark h1,.bg-dark h2,.bg-dark h3{color:#fff} /* cards */ /* icon tints */ /* stat strip */ /* category card */ /* pub card */ .verified{display:inline-flex;align-items:center;gap:.4rem;font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)} .verified i{color:var(--purple-deep)} /* journey hairline grid */ /* numbered circle step (services/how) */ /* dashboard mock */ /* quote/testimonial */ /* final CTA */ /* footer */ /* marketplace */ /* contact form */ /* utils */ .mx-auto{margin-left:auto;margin-right:auto} /* ---- header: services dropdown (CSS hover) + mobile menu ---- */ @media only screen and (max-width:767px){ footer ul li{ font-size: 16px; line-height: 2; } } .menu > li > a { position: relative; display: inline-flex; align-items: center; gap: 5px; min-height: 38px; border-radius: .5rem; padding: .5rem .75rem; font-size: 14.5px; font-weight: 600; color: #003591; transition: .15s; }