body.dwinformes-home{
  margin:0;
  font-family:Montserrat,system-ui,sans-serif;
  font-weight:400;
  background:#15182b;
  color:#fff;
  min-height:100vh;
}
.hero{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:56px 24px 40px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(1000px 540px at 12% 8%, color-mix(in srgb, var(--c1,#F28C28) 38%, transparent), transparent 70%),
    radial-gradient(820px 460px at 92% 16%, color-mix(in srgb, var(--c2,#3D4166) 70%, transparent), transparent 72%),
    radial-gradient(640px 420px at 68% 92%, rgba(168,166,201,.22), transparent 70%),
    linear-gradient(168deg,#121526 0%, #3D4166 54%, #241c32 100%);
}
.hero-mesh{
  position:absolute;inset:0;pointer-events:none;opacity:.35;
  background-image:
    linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size:72px 72px;
  mask-image:radial-gradient(ellipse at 40% 40%, #000 20%, transparent 75%);
  animation:meshDrift 28s linear infinite;
}
.hero-glow{
  position:absolute;width:58vmax;height:58vmax;border-radius:50%;
  right:-12%;bottom:-24%;
  background:radial-gradient(circle, rgba(242,140,40,.34),transparent 66%);
  animation:float 14s ease-in-out infinite;
}
.hero-orb{
  position:absolute;width:30vmax;height:30vmax;border-radius:50%;
  left:-10%;top:16%;
  background:radial-gradient(circle,rgba(168,166,201,.24),transparent 70%);
  animation:float 18s ease-in-out infinite reverse;
}
@keyframes float{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(-3%,-2.5%,0) scale(1.05)}
}
@keyframes meshDrift{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-72px,-72px,0)}
}
.hero-inner{
  position:relative;
  max-width:760px;
  width:100%;
  text-align:left;
}
.hero-logo{
  display:block;
  width:auto;
  height:auto;
  /* Intrinsic asset is 284×46 — never upscale or it pixelates */
  max-width:min(180px,70vw);
  max-height:46px;
  margin:0 0 28px;
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.28));
  opacity:0;
  transform:translateY(16px);
  animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards .05s;
}
.hero-brand{
  font-size:clamp(2.2rem,6.4vw,4.35rem);
  font-weight:300;
  letter-spacing:-.035em;
  margin:0 0 20px;
  line-height:1.02;
  opacity:0;
  transform:translateY(16px);
  animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards .18s;
}
.hero-lead{
  font-size:clamp(1.05rem,2.15vw,1.32rem);
  font-weight:300;
  line-height:1.55;
  margin:0 0 14px;
  max-width:38rem;
  color:rgba(255,255,255,.94);
  opacity:0;
  transform:translateY(16px);
  animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards .32s;
}
.hero-sub{
  font-size:1rem;
  font-weight:300;
  line-height:1.55;
  max-width:34rem;
  margin:0;
  color:rgba(255,255,255,.72);
  opacity:0;
  transform:translateY(16px);
  animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards .46s;
}
.hero-cta{
  margin:28px 0 0;
  opacity:0;
  transform:translateY(16px);
  animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards .6s;
}
.btn{
  display:inline-block;
  padding:14px 26px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--c1,#F28C28),#e07a16);
  color:#fff;
  text-decoration:none;
  font-weight:400;
  letter-spacing:.02em;
  box-shadow:0 14px 34px rgba(0,0,0,.28);
  transition:transform .22s ease, filter .22s ease, box-shadow .22s ease;
}
.btn:hover,.btn:focus{
  transform:translateY(-2px);
  outline:2px solid #fff;
  outline-offset:3px;
  filter:brightness(1.05);
  box-shadow:0 18px 40px rgba(242,140,40,.28);
}
.hero-invite{
  margin:22px 0 0;
  opacity:0;
  transform:translateY(12px);
  animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards .74s;
}
.hero-invite a{
  color:rgba(255,255,255,.78);
  text-decoration:none;
  font-weight:300;
  font-size:.95rem;
  border-bottom:1px solid rgba(242,140,40,.55);
  transition:color .2s ease, border-color .2s ease;
}
.hero-invite a:hover,.hero-invite a:focus{
  color:#ffd3a8;
  border-color:#ffd3a8;
}
.hero-social{
  display:flex;
  gap:10px;
  margin-top:28px;
  opacity:0;
  transform:translateY(12px);
  animation:rise .9s cubic-bezier(.2,.7,.2,1) forwards .88s;
}
.hero-social-link{
  width:42px;height:42px;
  display:inline-grid;place-items:center;
  border-radius:50%;
  color:#fff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  transition:transform .2s ease, background .2s ease, border-color .2s ease, color .2s ease;
}
.hero-social-link:hover,.hero-social-link:focus{
  transform:translateY(-2px);
  background:rgba(242,140,40,.22);
  border-color:rgba(242,140,40,.55);
  color:#ffd3a8;
  outline:none;
}
.hero-social-icon{width:18px;height:18px;display:block}
@keyframes rise{to{opacity:1;transform:none}}
.site-footer{
  padding:28px 24px 36px;
  text-align:center;
  font-size:.88rem;
  font-weight:300;
  color:rgba(255,255,255,.72);
  background:#101322;
}
.site-footer a{color:#ffd3a8;text-decoration:none}
.site-footer a:hover{text-decoration:underline}
.site-footer .footer-social{
  display:flex;justify-content:center;gap:10px;margin:14px 0 10px;
}
.site-footer .footer-social a{
  width:36px;height:36px;display:inline-grid;place-items:center;
  border-radius:50%;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:#fff;
}
.site-footer .footer-social svg{width:16px;height:16px}
@media (prefers-reduced-motion:reduce){
  .hero-glow,.hero-orb,.hero-mesh{animation:none}
  .hero-logo,.hero-brand,.hero-lead,.hero-sub,.hero-cta,.hero-invite,.hero-social{
    opacity:1;transform:none;animation:none;
  }
}