/* =====================================================================
   Plugin 1350 - 404 Page
   Visual layout matches the source 404.html; fonts/colors use theme tokens.
   ===================================================================== */
.fd404,.fd404 *{box-sizing:border-box}
.fd404{
  --green:#C1F11D; --green-dark:#A8D518; --green-deep:#7DA40A; --green-tint:#F2FDD4;
  --black:#141414; --black-soft:#1E1E1E;
  --gray-dark:#3D3D3D; --gray:#6B6B6B; --gray-mid:#9E9E9E;
  --gray-light:#E0E0E0; --gray-bg:#F5F5F5; --page-bg:#F0F2F5; --white:#fff;
  --max:1180px;
  font-family:var(--creote-family-two,"Inter",system-ui,sans-serif);
  font-size:var(--font-size-base,15px);
  line-height:1.7;
  color:var(--black);
  background:var(--white);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
.fd404 a{text-decoration:none;color:var(--green-deep)}
.fd404 a:hover{color:var(--black)}
.fd404 img,.fd404 svg{max-width:100%}
.fd404 :focus-visible{outline:3px solid var(--green-deep);outline-offset:3px;border-radius:4px}

/* Hero */
.fd404 .fd-404{background:var(--page-bg);padding:72px 0 80px}
.fd404 .fd-404__w{max-width:var(--max);margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.fd404 .fd-404__eyebrow{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(193,241,29,.14);border:1px solid rgba(193,241,29,.35);
  color:var(--green-deep);font-size:11px;font-weight:800;letter-spacing:2px;text-transform:uppercase;
  padding:6px 14px;border-radius:50px;margin-bottom:18px;white-space:nowrap;
  font-family:var(--creote-family-one,"Spartan",sans-serif);
}
.fd404 .fd-404__title{
  font-size:clamp(26px,3.4vw,42px);font-weight:800;line-height:1.1;letter-spacing:-.5px;margin:0 0 14px;
  font-family:var(--creote-family-one,"Spartan",sans-serif);color:var(--black);
}
.fd404 .fd-404__text{font-size:15px;line-height:1.78;color:var(--gray);max-width:480px;margin:0 0 28px}

.fd404 .fd-404__btns{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:22px}
.fd404 .fd-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  padding:14px 32px;border-radius:8px;font-size:15px;font-weight:800;
  font-family:var(--creote-family-one,"Spartan",sans-serif);
  cursor:pointer;border:2px solid transparent;
  transition:background .15s,color .15s,border-color .15s;
}
.fd404 .fd-btn--primary{background:var(--green);color:var(--black)}
.fd404 .fd-btn--primary:hover{background:var(--green-dark);color:var(--black)}
.fd404 .fd-btn--primary:active{background:var(--green-deep);color:#fff}
.fd404 .fd-btn--ghost{background:transparent;color:var(--black);border-color:var(--black)}
.fd404 .fd-btn--ghost:hover{background:var(--black);color:#fff}
.fd404 .fd-btn--ghost:active{background:var(--black-soft);color:#fff}

.fd404 .fd-404__back{
  display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:700;
  color:var(--gray-dark);padding:8px 2px;background:none;border:none;
  font-family:inherit;cursor:pointer;
}
.fd404 .fd-404__back:hover{color:var(--black)}
.fd404 .fd-404__back svg{width:14px;height:14px;fill:currentColor;flex-shrink:0}

/* Illustration */
.fd404 .fd-404__art{width:100%;height:auto;display:block}
.fd404 .fd-404__truck{animation:fd404Roll 4s ease-in-out infinite}
@keyframes fd404Roll{0%,100%{transform:translateX(0)}50%{transform:translateX(-9px)}}
@media(prefers-reduced-motion:reduce){.fd404 .fd-404__truck{animation:none}}

/* Helpful links */
.fd404 .fd-help{background:var(--white);padding:56px 0 64px}
.fd404 .fd-help__w{max-width:var(--max);margin:0 auto;padding:0 24px}
.fd404 .fd-help__h{
  font-size:20px;font-weight:800;letter-spacing:-.2px;margin:0 0 20px;
  font-family:var(--creote-family-one,"Spartan",sans-serif);color:var(--black);
}
.fd404 .fd-help__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fd404 .fd-help__card{
  display:block;background:var(--white);border:1px solid var(--gray-light);
  border-radius:12px;padding:20px;transition:border-color .15s,background .15s;
}
.fd404 .fd-help__card:hover{border-color:var(--green);background:var(--green-tint)}
.fd404 .fd-help__card strong{
  display:block;font-size:15px;font-weight:800;color:var(--black);margin-bottom:5px;
  font-family:var(--creote-family-one,"Spartan",sans-serif);
}
.fd404 .fd-help__card span{display:block;font-size:13.5px;line-height:1.6;color:var(--gray)}

/* Responsive */
@media(max-width:960px){
  .fd404 .fd-404__w{grid-template-columns:1fr;gap:36px;text-align:center;justify-items:center}
  .fd404 .fd-404__text{margin-left:auto;margin-right:auto}
  .fd404 .fd-404__btns{justify-content:center}
  .fd404 .fd-404__art-wrap{order:-1;max-width:460px}
  .fd404 .fd-help__grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .fd404 .fd-404{padding:48px 0 56px}
  .fd404 .fd-help{padding:44px 0 52px}
}
@media(max-width:480px){
  .fd404 .fd-404__w,
  .fd404 .fd-help__w{padding-left:16px;padding-right:16px}
  .fd404 .fd-404__btns{flex-direction:column;align-items:stretch;width:100%}
  .fd404 .fd-btn{width:100%}
  .fd404 .fd-help__grid{grid-template-columns:1fr}
}