/*
Theme Name: JMAG SUITE One Page
Theme URI: https://jmag-suite.ch/
Author: JMAG
Description: Thème WordPress one-page clair et moderne pour présenter JMAG SUITE.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: jmag-suite-onepage
Tags: full-site-editing, one-column, block-patterns, custom-colors, wide-blocks
*/

html { scroll-behavior: smooth; }
body { margin:0; -webkit-font-smoothing:antialiased; }

.jmag-onepage {
  position: relative;
  min-height: 100vh;
  overflow: hidden;
  display: grid;
  place-items: center;
  padding: clamp(24px, 4vw, 56px);
  background:
    radial-gradient(circle at top left, rgba(0,230,255,.12), transparent 28%),
    radial-gradient(circle at bottom right, rgba(255,106,61,.14), transparent 26%),
    linear-gradient(180deg, #FFFFFF 0%, #F7FAFF 100%);
}

.jmag-onepage::before,
.jmag-onepage::after {
  content:"";
  position:absolute;
  width:420px;
  height:420px;
  filter:blur(64px);
  opacity:.35;
  pointer-events:none;
}

.jmag-onepage::before {
  left:-120px;
  top:18%;
  background:radial-gradient(circle,rgba(0,230,255,.45),rgba(0,102,255,.18) 38%,transparent 72%);
}

.jmag-onepage::after {
  right:-120px;
  bottom:8%;
  background:radial-gradient(circle,rgba(255,61,255,.38),rgba(255,106,61,.18) 40%,transparent 72%);
}

.jmag-onepage__card {
  position:relative;
  z-index:1;
  width:min(920px,100%);
  text-align:center;
  padding:clamp(32px,5vw,72px);
  background:rgba(255,255,255,.84);
  border:1px solid rgba(10,15,45,.08);
  border-radius:34px;
  box-shadow:0 28px 90px rgba(10,15,45,.10);
  backdrop-filter:blur(14px);
}

.jmag-onepage__badge {
  display:inline-flex;
  padding:.55rem .9rem;
  margin-bottom:1.25rem;
  border-radius:999px;
  color:#0066FF;
  background:#EFF5FF;
  border:1px solid rgba(0,102,255,.12);
  font-size:.9rem;
  font-weight:800;
}

.jmag-onepage__logo {
  width:min(170px,38vw);
  height:auto;
  margin:0 auto 1.3rem;
}

.jmag-onepage__title {
  margin:0;
  font-size:clamp(2.6rem,7vw,5.3rem);
  line-height:1;
  letter-spacing:.12em;
  font-weight:900;
  color:#0A0F2D;
}

.jmag-onepage__slogan {
  max-width:780px;
  margin:1rem auto 0;
  font-size:clamp(1.2rem,2.4vw,1.9rem);
  line-height:1.3;
  font-weight:700;
  background:linear-gradient(100deg,#00E6FF 0%,#0066FF 36%,#7A00FF 72%,#FF6A3D 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.jmag-onepage__text {
  max-width:720px;
  margin:1.15rem auto 0;
  font-size:clamp(1rem,1.8vw,1.15rem);
  line-height:1.75;
  color:rgba(10,15,45,.78);
}

.jmag-onepage__buttons {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:1rem;
  margin-top:2rem;
}

.jmag-onepage__buttons .wp-block-button__link {
  min-width:180px;
  border-radius:999px;
  font-weight:800;
}

.jmag-onepage__buttons .wp-block-button:first-child .wp-block-button__link {
  color:#fff;
  background:linear-gradient(100deg,#0066FF,#7A00FF,#FF6A3D);
  box-shadow:0 16px 40px rgba(37,99,255,.22);
}

@media (max-width:640px) {
  .jmag-onepage__card { border-radius:26px; padding:28px 20px 34px; }
  .jmag-onepage__buttons { flex-direction:column; }
  .jmag-onepage__buttons .wp-block-button,
  .jmag-onepage__buttons .wp-block-button__link { width:100%; }
}