/* Sufi Marketing — shared styles */
body{margin:0;background:#14100C}
a{color:#EBA821;text-decoration:none}a:hover{color:#F6C65B}
.dsp{font-family:'Bricolage Grotesque',Georgia,sans-serif}
.ser{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400}
.btn{transition:transform .25s ease,box-shadow .25s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px -12px rgba(235,168,33,.7)}
.nl:hover{color:#EBA821 !important}
a:focus-visible,button:focus-visible{outline:2px solid #EBA821;outline-offset:3px}
@keyframes mq{to{transform:translateX(-50%)}}
.mqs{animation:mq 70s linear infinite}
.still *{animation:none !important}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important}}
/* ---- added for the live website ---- */
html{scroll-behavior:smooth}
[hidden]{display:none !important}
.nav-toggle{display:none;align-items:center;justify-content:center;width:48px;height:48px;border-radius:12px;border:1px solid rgba(245,239,230,.25);background:transparent;color:#F5EFE6;cursor:pointer;padding:0}
.nav-toggle .ic-close{display:none}
.nav-toggle[aria-expanded="true"] .ic-open{display:none}
.nav-toggle[aria-expanded="true"] .ic-close{display:block}
@media (max-width:820px){
  .nav-toggle{display:inline-flex}
  .nav-links{display:none !important;width:100%;flex-direction:column;align-items:stretch !important;gap:0 !important;padding:6px 0 4px;border-top:1px solid rgba(245,239,230,.12)}
  .nav-links.open{display:flex !important}
  .nav-links a{padding:14px 4px !important;border-bottom:1px solid rgba(245,239,230,.08);font-size:17px}
  .nav-cta{display:none !important}
}
.hp{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden}
button[type=submit][disabled]{opacity:.6;cursor:wait}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;padding:12px 18px;border-radius:999px;background:#EBA821;color:#14100C;font-weight:700}
.skip:focus{left:16px}

/* ---- SEO/AEO blocks: quick answer, related services, author ---- */
@keyframes smpulse{0%{box-shadow:0 0 0 0 rgba(235,168,33,.6)}100%{box-shadow:0 0 0 12px rgba(235,168,33,0)}}
@keyframes smspin{to{transform:rotate(360deg)}}
.sm-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#EBA821;animation:smpulse 2s ease-out infinite}
.sm-ring{animation:smspin 28s linear infinite;transform-origin:50% 50%}
.sm-rel a{transition:border-color .25s ease,transform .25s ease,color .25s ease}
.sm-rel a:hover{border-color:#EBA821 !important;color:#8A5A00 !important;transform:translateX(4px)}
.sm-qa a:hover,.sm-more aside a:hover{text-decoration:underline}