html { scroll-behavior: smooth; }
body { background: #F4F0EF; }
.hero-bg { background: radial-gradient(circle at 82% 16%, rgba(215,166,151,.26), transparent 28%), linear-gradient(135deg, #223B4E 0%, #305069 62%, #3F627C 100%); }
.paper-grid { background-image: linear-gradient(rgba(48,80,105,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(48,80,105,.045) 1px, transparent 1px); background-size: 28px 28px; }
.glass-card { background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.18); backdrop-filter: blur(12px); }
.form-input:focus { outline: none; border-color: #D7A697; box-shadow: 0 0 0 3px rgba(215,166,151,.24); }
.cta-glow { box-shadow: 0 12px 30px rgba(215,166,151,.3); }
.cta-glow:hover { box-shadow: 0 16px 38px rgba(215,166,151,.42); transform: translateY(-1px); }
a[class*="rounded-xl"][class*="font-bold"], a[class*="rounded-xl"][class*="font-extrabold"],
button[class*="rounded-xl"][class*="font-bold"], button[class*="rounded-xl"][class*="font-extrabold"] {
  box-shadow: 0 12px 30px rgba(215,166,151,.3);
  transition: box-shadow .2s ease, transform .2s ease, background-color .2s ease;
}
a[class*="rounded-xl"][class*="font-bold"]:hover, a[class*="rounded-xl"][class*="font-extrabold"]:hover,
button[class*="rounded-xl"][class*="font-bold"]:hover, button[class*="rounded-xl"][class*="font-extrabold"]:hover {
  box-shadow: 0 16px 38px rgba(215,166,151,.42);
  transform: translateY(-1px);
}
.pulse-ring { animation: pulseRing 2.5s ease-out infinite; }
@keyframes pulseRing { 0% { transform: scale(.88); box-shadow: 0 0 0 0 rgba(215,166,151,.7); } 70% { transform: scale(1); box-shadow: 0 0 0 16px rgba(215,166,151,0); } 100% { transform: scale(.88); box-shadow: 0 0 0 0 rgba(215,166,151,0); } }
@keyframes fadeUp { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } }
.fade-up { animation: fadeUp .7s ease forwards; }
.delay-100 { animation-delay: .1s; opacity: 0; } .delay-200 { animation-delay: .2s; opacity: 0; } .delay-300 { animation-delay: .3s; opacity: 0; } .delay-400 { animation-delay: .4s; opacity: 0; } .delay-500 { animation-delay: .5s; opacity: 0; }
.orig-faq-item { background: white; border: 1px solid rgba(48,80,105,.1); border-radius: 14px; overflow: hidden; box-shadow: 0 3px 14px rgba(48,80,105,.05); }
.orig-faq-question { width: 100%; color: #20313D; font-weight: 700; cursor: pointer; padding: 19px 22px; display: flex; align-items: center; justify-content: space-between; text-align: left; }
.orig-faq-question:hover { background: #FAF8F7; }
.orig-faq-answer { color: #52636F; padding: 0 22px 20px; line-height: 1.75; display: none; }
.orig-faq-arrow { color: #D7A697; font-size: 24px; transition: transform .25s ease; margin-left: 16px; }
.orig-faq-item.open .orig-faq-arrow { transform: rotate(45deg); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }
@media (max-width:480px){
  body{overflow-x:hidden}
  header a[href='#top']{flex:1 1 auto;min-width:0}
  header a[href='#top'] span{min-width:0}
  header a[href='#top'] b{overflow-wrap:anywhere}
  header a[href='#qualify-form']{max-width:96px;padding-left:.5rem;padding-right:.5rem}
  .hero-bg .inline-flex{max-width:100%;white-space:normal;font-size:.75rem;line-height:1.35}
  .hero-bg>div{width:100%;max-width:100%;grid-template-columns:minmax(0,1fr)!important}
  .hero-bg>div>div{min-width:0;width:100%;max-width:100%}
  #qualify-form{min-width:0;width:100%;max-width:100%}
  .hero-bg h1{overflow-wrap:anywhere}
}
@media (max-width:400px){
  header a[href='#qualify-form']{display:none}
}
