/*
Theme Name: MidnightForge
Theme URI: https://relieva.eu
Author: Codex
Description: Refined brand landing page for Relieva Systems.
Version: 1.2.0
Text Domain: midnightforge
*/

:root {
  --bg: #060d19;
  --bg-soft: #0b1629;
  --panel: rgba(12, 24, 43, 0.74);
  --panel-strong: rgba(8, 18, 34, 0.9);
  --line: rgba(144, 171, 255, 0.16);
  --line-strong: rgba(94, 231, 255, 0.28);
  --text: #f4f7ff;
  --muted: #9fb0d2;
  --muted-2: #7f93bb;
  --cyan: #5ee7ff;
  --blue: #7f8bff;
  --white: #ffffff;
  --shadow: 0 24px 80px rgba(0, 0, 0, 0.35);
  --radius: 26px;
  --content: 1180px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at 12% 14%,rgba(94,231,255,.14),transparent 24%),radial-gradient(circle at 84% 20%,rgba(127,139,255,.16),transparent 22%),linear-gradient(180deg,#040814 0%,#07101d 36%,#050a14 100%);font-family:"Segoe UI","Helvetica Neue",sans-serif;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}canvas#mf-stars{position:fixed;inset:0;width:100%;height:100%;z-index:-3}.mf-noise{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:.12;background-image:radial-gradient(rgba(255,255,255,.08) 1px,transparent 1px);background-size:4px 4px;mix-blend-mode:soft-light}.mf-orb,.mf-orb:before,.mf-orb:after{position:fixed;border-radius:50%;pointer-events:none;content:""}.mf-orb{width:22rem;height:22rem;right:-7rem;top:4rem;z-index:-1;background:radial-gradient(circle at 30% 30%,rgba(94,231,255,.36),rgba(91,124,255,.08) 48%,transparent 70%);filter:blur(12px);animation:mfFloat 14s ease-in-out infinite}.mf-orb:before{inset:15%;border:1px solid rgba(255,255,255,.12);transform:rotateX(68deg) rotateY(12deg)}.mf-orb:after{inset:28%;border:1px solid rgba(94,231,255,.2);transform:rotateX(25deg) rotateY(55deg)}@keyframes mfFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-1rem,1rem,0)}}

body.admin-bar .mf-site-header{top:32px}.mf-site-header{position:sticky;top:0;z-index:20;backdrop-filter:blur(20px);background:rgba(6,12,24,.62);border-bottom:1px solid rgba(255,255,255,.06)}.mf-nav{max-width:var(--content);margin:0 auto;padding:.95rem 1.35rem;display:flex;flex-direction:column;align-items:stretch;gap:.85rem}.mf-nav-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.mf-brand{display:flex;align-items:center;gap:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.92rem}.mf-brand-logo{width:2.8rem;height:2.8rem;display:block;filter:drop-shadow(0 12px 28px rgba(94,231,255,.18));flex:0 0 auto}.mf-nav-toggle{display:inline-flex;align-items:center;justify-content:center;padding:.72rem .95rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);color:var(--text);font:inherit;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .25s ease}.mf-nav-toggle:hover{border-color:var(--line-strong);background:rgba(255,255,255,.08);transform:translateY(-1px)}.mf-nav-links{display:none;width:100%;flex-direction:column;gap:.65rem;color:var(--muted);font-size:.92rem}.mf-nav-links.is-open{display:flex}.mf-nav-links a{display:block;width:100%;padding:.8rem .95rem;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);text-align:center}.mf-nav-links a:hover{color:var(--text);border-color:var(--line-strong)}

.mf-shell{max-width:var(--content);margin:0 auto;padding:0 1.35rem}.mf-button{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;padding:1rem 1.3rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(135deg,rgba(94,231,255,.16),rgba(127,139,255,.16));color:var(--text);transition:transform .25s ease,border-color .25s ease,background .25s ease;min-height:50px}.mf-button:hover{transform:translateY(-2px);border-color:rgba(94,231,255,.42)}.mf-button.ghost{background:rgba(255,255,255,.03)}

main{position:relative}.mf-hero{padding:2.8rem 0 2.3rem;display:grid;gap:2rem}.mf-kicker{display:inline-flex;align-items:center;gap:.55rem;padding:.48rem .84rem;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);color:var(--cyan);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.mf-title{margin:1rem 0;font-size:clamp(2.65rem,13vw,4.5rem);line-height:.92;letter-spacing:-.05em}.mf-title span{display:block;color:transparent;background:linear-gradient(135deg,#fff 0%,#b3beff 38%,#5ee7ff 76%,#fff 100%);-webkit-background-clip:text;background-clip:text}.mf-copy{max-width:44rem;font-size:1rem;line-height:1.8;color:var(--muted);margin:0 0 1.5rem}.mf-hero-actions{display:flex;flex-direction:column;gap:.8rem}.mf-stats{display:grid;grid-template-columns:1fr;gap:.9rem;margin-top:1.55rem}.mf-stat,.mf-panel,.mf-float-card,.mf-proof-item,.mf-cta,.mf-brand-panel,.mf-offer-panel{background:var(--panel);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}.mf-stat{padding:1.15rem;border-radius:20px}.mf-stat strong{display:block;font-size:1.08rem;margin-bottom:.35rem}.mf-stat span{color:var(--muted);font-size:.95rem}

.mf-stage{position:relative;min-height:24rem;perspective:1400px}.mf-cube{position:absolute;left:50%;top:1rem;width:min(18rem,82vw);aspect-ratio:1/1;transform:translateX(-50%) rotateX(62deg) rotateZ(-12deg);transform-style:preserve-3d;animation:mfSpin 18s linear infinite}@keyframes mfSpin{from{transform:translateX(-50%) rotateX(62deg) rotateZ(0deg)}to{transform:translateX(-50%) rotateX(62deg) rotateZ(360deg)}}.mf-cube-layer{position:absolute;inset:0;border:1px solid rgba(94,231,255,.25);border-radius:1.7rem;background:linear-gradient(135deg,rgba(255,255,255,.05),rgba(91,124,255,.05));box-shadow:inset 0 0 80px rgba(94,231,255,.08),0 0 30px rgba(91,124,255,.08)}.mf-cube-layer:nth-child(2){inset:12%;transform:translateZ(4rem)}.mf-cube-layer:nth-child(3){inset:24%;transform:translateZ(8rem)}.mf-float-card{position:absolute;padding:1rem 1.05rem;border-radius:20px;backdrop-filter:blur(18px);max-width:13rem}.mf-float-card strong{display:block;font-size:1rem;margin-bottom:.35rem}.mf-float-card small{color:var(--muted);line-height:1.5;display:block}.mf-card-a{left:0;top:0}.mf-card-b{right:0;top:6.5rem}.mf-card-c{left:1rem;bottom:0}

section{padding:2.8rem 0}.mf-section-head{max-width:44rem;margin-bottom:1.6rem}.mf-section-head h2{font-size:clamp(1.8rem,8vw,3rem);margin:0 0 .7rem;line-height:1}.mf-section-head p,.mf-panel p,.mf-panel li,.mf-proof-item p,.mf-offer-panel p{color:var(--muted);line-height:1.8}.mf-grid{display:grid;gap:1rem}.mf-grid.cols-2,.mf-grid.cols-3{grid-template-columns:1fr}.mf-panel,.mf-offer-panel{position:relative;overflow:hidden;padding:1.35rem;border-radius:var(--radius);transform-style:preserve-3d}.mf-panel h3,.mf-offer-panel h3{margin:0 0 .7rem;font-size:1.1rem}.mf-panel ul,.mf-offer-panel ul{padding-left:1rem;margin:.7rem 0 0}.mf-chip-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.9rem}.mf-chip{padding:.55rem .8rem;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#d7e1ff;font-size:.88rem}.mf-marquee{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.4rem}.mf-marquee-item{padding:1rem;text-align:center;border-radius:18px;border:1px solid rgba(255,255,255,.07);color:var(--muted);background:rgba(255,255,255,.03)}

.mf-brand-panel{padding:1.3rem;border-radius:28px;display:grid;gap:1.2rem;align-items:center;background:linear-gradient(180deg,rgba(10,20,36,.92),rgba(8,16,29,.8))}.mf-brand-panel img{width:100%;max-width:36rem;height:auto;filter:drop-shadow(0 18px 40px rgba(0,0,0,.28))}.mf-brand-note{color:var(--muted);line-height:1.75}.mf-proof{display:grid;grid-template-columns:1fr;gap:1rem}.mf-proof-item{padding:1.2rem;border-radius:22px}.mf-proof-item strong{display:block;font-size:1.05rem;margin-bottom:.45rem}.mf-offer-stack{display:grid;gap:1rem}.mf-offer-kicker{font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--cyan);margin-bottom:.65rem}.mf-contact-grid{display:grid;grid-template-columns:1fr;gap:1rem}.mf-contact-card{padding:1.25rem;border-radius:22px;background:var(--panel-strong);border:1px solid rgba(255,255,255,.08)}.mf-contact-card h3{margin:0 0 .6rem;font-size:1.05rem}.mf-contact-card p{margin:0;color:var(--muted);line-height:1.75}.mf-cta{padding:1.6rem;border-radius:30px;display:grid;gap:1rem;background:linear-gradient(135deg,rgba(91,124,255,.22),rgba(94,231,255,.08))}.mf-cta h2{margin:.65rem 0 0;line-height:1.08;font-size:clamp(1.6rem,7vw,2.7rem)}.mf-footer{padding:2rem 1rem 3rem;color:var(--muted);text-align:center}

@media (min-width:640px){.mf-nav{padding:1rem 1.2rem}.mf-nav-links a{padding:.85rem 1rem}.mf-hero-actions{flex-direction:row;flex-wrap:wrap}.mf-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.mf-stage{min-height:26rem}.mf-cube{width:min(24rem,72vw)}.mf-float-card{max-width:14rem}.mf-marquee{grid-template-columns:repeat(5,minmax(0,1fr))}.mf-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:820px){.mf-nav{flex-direction:row;align-items:center;justify-content:space-between}.mf-nav-top{width:auto;flex:0 0 auto}.mf-nav-toggle{display:none}.mf-nav-links{display:flex!important;width:auto;flex-direction:row;flex-wrap:wrap;align-items:center}.mf-nav-links a{width:auto;padding:.48rem .74rem;border-radius:999px;text-align:left}.mf-shell{padding:0 1.25rem}.mf-hero{grid-template-columns:1.08fr .92fr;align-items:center;padding:4.8rem 0 3rem}.mf-title{font-size:clamp(3.4rem,7vw,6rem)}.mf-stage{min-height:34rem}.mf-cube{left:auto;right:0;top:2rem;width:min(31rem,40vw);transform:rotateX(62deg) rotateZ(-24deg)}@keyframes mfSpin{from{transform:rotateX(62deg) rotateZ(0deg)}to{transform:rotateX(62deg) rotateZ(360deg)}}.mf-card-a{right:0;left:auto;top:0}.mf-card-b{left:2%;right:auto;top:auto;bottom:6rem}.mf-card-c{right:12%;left:auto;bottom:0}.mf-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.mf-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.mf-proof{grid-template-columns:repeat(3,minmax(0,1fr))}.mf-brand-panel{grid-template-columns:.9fr 1.1fr;padding:1.6rem 1.8rem}.mf-offer-stack{grid-template-columns:repeat(3,minmax(0,1fr))}.mf-cta{grid-template-columns:1.2fr auto;align-items:center}.mf-contact-grid{grid-template-columns:1.1fr .9fr .9fr}}

@media (max-width:639px){
  .mf-nav{padding:1rem 1.45rem 1.05rem}
  .mf-nav-top{align-items:flex-start}
  .mf-brand{font-size:.85rem;max-width:12rem}
  .mf-nav-toggle{flex:0 0 auto}
  .mf-nav-links a{padding:.78rem .92rem}
  .mf-shell{padding:0 1.45rem}
  .mf-hero{padding:2.4rem 0 2rem;gap:2.25rem}
  .mf-title{font-size:clamp(2.3rem,11vw,3.3rem);line-height:.96;max-width:11ch}
  .mf-copy{font-size:1rem;line-height:1.9;max-width:34ch}
  .mf-section-head{margin-bottom:1.35rem}
  .mf-section-head h2{font-size:clamp(1.65rem,7.4vw,2.3rem);line-height:1.04;max-width:13ch}
  .mf-section-head p{max-width:36ch}
  .mf-button{width:100%;padding:1rem 1.15rem}
  .mf-stat,.mf-panel,.mf-offer-panel,.mf-proof-item,.mf-contact-card{padding:1.15rem 1.1rem}
  .mf-brand-panel{padding:1.15rem}
  .mf-brand-note{max-width:36ch}
  .mf-marquee{grid-template-columns:1fr}
  .mf-marquee-item{padding:.9rem}
  .mf-cta{padding:1.3rem 1.15rem}
  .mf-cta h2{font-size:clamp(1.45rem,6.8vw,2.1rem);line-height:1.12;max-width:14ch}
  .mf-contact-grid{gap:.85rem}
  section{padding:2.45rem 0}
}

.mf-cta .mf-kicker{color:#d8f4ff}

.mf-legal-shell{padding:4.5rem 1.45rem 3rem}
.mf-legal-page{max-width:56rem;margin:0 auto;padding:1.4rem;border-radius:28px;background:var(--panel);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)}
.mf-legal-content{color:var(--muted);line-height:1.85}
.mf-legal-content h2{color:var(--text);font-size:1.35rem;margin:2rem 0 .6rem}
.mf-legal-content h3{color:var(--text);font-size:1.05rem;margin:1.35rem 0 .45rem}
.mf-legal-content p,.mf-legal-content li{margin:.65rem 0}
.mf-legal-content a{color:var(--cyan)}
.mf-footer-nav{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:.9rem;font-size:.95rem}
.mf-footer-nav a{color:var(--text);opacity:.86}