/*
Theme Name: Wall Flowers
Theme URI: https://wall.flowers
Author: OpenAI
Author URI: https://openai.com
Description: Bright, modern companion theme for Wall Flowers with a conversion-focused reveal experience.
Version: 0.5.0
Requires at least: 6.4
Tested up to: 6.7
Requires PHP: 8.0
Text Domain: wallflowers
*/

:root {
  --wf-teal: #47bfd2;
  --wf-pink: #ff4f8b;
  --wf-purple: #9a67ef;
  --wf-orange: #ffb347;
  --wf-bg: #f7f7f5;
  --wf-panel: #ffffff;
  --wf-panel-soft: #f1f6fb;
  --wf-text: #17181c;
  --wf-text-soft: #626773;
  --wf-border: rgba(23, 24, 28, 0.10);
  --wf-border-strong: rgba(23, 24, 28, 0.16);
  --wf-dark: #11141b;
  --wf-dark-soft: #1b1f29;
  --wf-white: #ffffff;
  --wf-shadow: 0 18px 50px rgba(32, 36, 49, 0.10);
  --wf-shadow-lg: 0 28px 80px rgba(32, 36, 49, 0.18);
  --wf-radius-sm: 10px;
  --wf-radius: 18px;
  --wf-radius-lg: 28px;
  --wf-max: 1280px;
  --wf-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --wf-display: "Clash Display", "Satoshi", Inter, ui-sans-serif, system-ui, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: var(--wf-sans);
  color: var(--wf-text);
  background:
    radial-gradient(circle at 12% 12%, rgba(71,191,210,0.10), transparent 26%),
    radial-gradient(circle at 88% 10%, rgba(255,79,139,0.10), transparent 24%),
    radial-gradient(circle at 50% 100%, rgba(255,179,71,0.10), transparent 22%),
    var(--wf-bg);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, textarea, select { font: inherit; }

.wf-wrap {
  width: min(calc(100% - 40px), var(--wf-max));
  margin: 0 auto;
}

main > section { padding: 96px 0; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 200;
  background: rgba(247, 247, 245, 0.84);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(23,24,28,0.06);
}
.wf-header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 82px;
  gap: 22px;
}
.site-branding {
  display: inline-flex;
  align-items: center;
  gap: 14px;
}
.site-branding__mark {
  position: relative;
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
}
.site-branding__mark span {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 7px;
  box-shadow: 0 6px 14px rgba(23,24,28,0.08);
}
.site-branding__mark .sq1 { left: 7px; top: 0; background: linear-gradient(145deg, #7bd8e4, var(--wf-teal)); }
.site-branding__mark .sq2 { right: 0; top: 7px; background: linear-gradient(145deg, #ff7faf, var(--wf-pink)); }
.site-branding__mark .sq3 { left: 0; bottom: 7px; background: linear-gradient(145deg, #bf9cff, var(--wf-purple)); }
.site-branding__mark .sq4 { right: 7px; bottom: 0; background: linear-gradient(145deg, #ffc869, var(--wf-orange)); }
.site-title {
  margin: 0;
  font-family: var(--wf-display);
  font-size: 1.2rem;
  font-weight: 700;
  letter-spacing: -0.03em;
}
.site-nav { display: flex; align-items: center; gap: 18px; }
.site-nav ul {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.site-nav a {
  color: var(--wf-text-soft);
  font-size: 0.95rem;
  font-weight: 500;
}
.site-nav a:hover { color: var(--wf-text); }

.wf-button,
button,
input[type="submit"],
.wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 52px;
  padding: 0 22px;
  border-radius: 12px;
  border: 1px solid transparent;
  background: linear-gradient(135deg, var(--wf-pink), #ef4197);
  color: #fff;
  font-weight: 700;
  letter-spacing: -0.01em;
  box-shadow: 0 12px 30px rgba(255,79,139,0.24);
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease, background 0.2s ease;
  cursor: pointer;
}
.wf-button:hover,
button:hover,
input[type="submit"]:hover,
.wp-block-button__link:hover {
  transform: translateY(-1px);
  filter: saturate(1.05);
  box-shadow: 0 16px 34px rgba(255,79,139,0.28);
}
.wf-button--secondary {
  background: rgba(255,255,255,0.76);
  color: var(--wf-text);
  border-color: var(--wf-border);
  box-shadow: none;
}
.wf-button--secondary:hover {
  background: #fff;
  box-shadow: 0 12px 25px rgba(23,24,28,0.08);
}
.wf-button--light {
  background: #fff;
  color: var(--wf-text);
  box-shadow: 0 12px 28px rgba(17,20,27,0.14);
}

.wf-overline {
  display: inline-block;
  margin-bottom: 14px;
  color: var(--wf-pink);
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}
.wf-kicker {
  display: inline-block;
  color: var(--wf-teal);
  font-size: 0.76rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

h1, h2, h3, h4 {
  margin: 0;
  font-family: var(--wf-display);
  letter-spacing: -0.04em;
  line-height: 0.98;
}
p { margin: 0; }
.wf-copy, .wf-section-heading p, .wf-hero p, .wf-thesis__body, .wf-final-cta p, .wf-what-you-get p, .wf-use-cases p, .wf-reveal-card__body p, .wf-reveal-sidecard p {
  color: var(--wf-text-soft);
  font-size: 1.02rem;
}
.wf-section-heading {
  display: grid;
  gap: 14px;
  margin-bottom: 32px;
}
.wf-section-heading h2 { font-size: clamp(2.2rem, 4vw, 3.5rem); }

.wf-hero { padding-top: 68px; }
.wf-hero__grid {
  display: grid;
  grid-template-columns: minmax(0,0.9fr) minmax(0,1.1fr);
  gap: 54px;
  align-items: center;
}
.wf-hero h1 {
  font-size: clamp(3.2rem, 7vw, 6rem);
  max-width: 8ch;
  margin-bottom: 18px;
}
.wf-hero p {
  max-width: 34rem;
  font-size: 1.12rem;
  margin-bottom: 24px;
}
.wf-hero__actions { display: flex; gap: 14px; flex-wrap: wrap; margin-bottom: 18px; }
.wf-proof-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.wf-proof-strip span {
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.85);
  border: 1px solid rgba(23,24,28,0.08);
  color: var(--wf-text-soft);
  font-size: 0.92rem;
}
.wf-hero-visual {
  position: relative;
  min-height: 620px;
  border-radius: 34px;
  background: linear-gradient(180deg, rgba(255,255,255,0.8), rgba(255,255,255,0.62));
  border: 1px solid rgba(23,24,28,0.07);
  box-shadow: var(--wf-shadow-lg);
  overflow: hidden;
}
.wf-hero-visual::before,
.wf-hero-visual::after {
  content: "";
  position: absolute;
  inset: auto;
  width: 320px;
  height: 320px;
  border-radius: 999px;
  filter: blur(40px);
  opacity: 0.18;
}
.wf-hero-visual::before { background: var(--wf-teal); top: -30px; right: -40px; }
.wf-hero-visual::after { background: var(--wf-pink); bottom: -40px; left: -30px; }
.wf-room-stage {
  position: absolute;
  inset: 28px;
  border-radius: 28px;
  background: linear-gradient(180deg, #fefefe, #eef2f7);
  overflow: hidden;
}
.wf-room-stage__wall {
  position: absolute;
  inset: 0 0 110px 0;
  background: linear-gradient(180deg, #fff 0%, #f4f7fb 100%);
}
.wf-room-stage__floor {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 130px;
  background: linear-gradient(180deg, #e6cdb5, #d7b290);
}
.wf-room-stage__art {
  position: absolute;
  left: 50%;
  top: 108px;
  width: 280px;
  height: 280px;
  transform: translateX(-50%);
  border-radius: 28px;
  padding: 20px;
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(23,24,28,0.10);
  box-shadow: 0 20px 55px rgba(20,24,34,0.16);
}
.wf-canvas-cluster {
  position: absolute;
  inset: 18px;
}
.wf-canvas-cluster span {
  position: absolute;
  width: 132px;
  height: 132px;
  border-radius: 18px;
  box-shadow: 0 8px 16px rgba(23,24,28,0.10);
}
.wf-canvas-cluster .sq1 { left: 25px; top: 0; background: linear-gradient(145deg, #93e2eb, var(--wf-teal)); }
.wf-canvas-cluster .sq2 { right: 0; top: 24px; background: linear-gradient(145deg, #ff86b6, var(--wf-pink)); }
.wf-canvas-cluster .sq3 { left: 0; bottom: 24px; background: linear-gradient(145deg, #c6a7ff, var(--wf-purple)); }
.wf-canvas-cluster .sq4 { right: 25px; bottom: 0; background: linear-gradient(145deg, #ffd17a, var(--wf-orange)); }
.wf-room-stage__sofa {
  position: absolute;
  left: 50%;
  bottom: 62px;
  width: 390px;
  height: 120px;
  transform: translateX(-50%);
}
.wf-room-stage__sofa::before,
.wf-room-stage__sofa::after,
.wf-room-stage__sofa span {
  content: "";
  position: absolute;
  display: block;
  background: #d8dce3;
  border-radius: 18px;
}
.wf-room-stage__sofa::before { inset: 26px 0 0 0; }
.wf-room-stage__sofa::after { left: 28px; right: 28px; top: 0; height: 44px; }
.wf-room-stage__sofa span { left: 28px; right: 28px; bottom: -8px; height: 12px; border-radius: 999px; background: rgba(17,20,27,0.16); filter: blur(12px); }
.wf-hero-note {
  position: absolute;
  right: 30px;
  bottom: 28px;
  padding: 16px 18px;
  max-width: 250px;
  background: rgba(255,255,255,0.9);
  border: 1px solid rgba(23,24,28,0.08);
  border-radius: 18px;
  box-shadow: var(--wf-shadow);
}
.wf-hero-note strong { display: block; margin-bottom: 5px; font-size: 0.98rem; }
.wf-hero-note span { color: var(--wf-text-soft); font-size: 0.92rem; }

.wf-thesis__card {
  padding: 42px;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(255,255,255,0.78), rgba(255,255,255,0.94));
  border: 1px solid rgba(23,24,28,0.07);
  box-shadow: var(--wf-shadow);
}
.wf-thesis__heading { font-size: clamp(2rem, 4vw, 3.2rem); max-width: 12ch; margin-bottom: 12px; }

.wf-signature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 22px;
}
.wf-signature {
  display: grid;
  gap: 16px;
}
.wf-signature__image {
  min-height: 380px;
  border-radius: 26px;
  border: 1px solid rgba(23,24,28,0.08);
  box-shadow: var(--wf-shadow);
  overflow: hidden;
  position: relative;
  background: linear-gradient(180deg, #f4f7fb, #ecf0f6);
}
.wf-signature__image::before,
.wf-signature__image::after { content:""; position:absolute; }
.wf-signature__image::before {
  inset: 0 0 84px 0;
  background: linear-gradient(180deg, #fff, #f0f5fb);
}
.wf-signature__image::after {
  left: 50%; bottom: 0; transform: translateX(-50%);
  width: 82%; height: 108px; border-radius: 24px 24px 0 0;
  background: rgba(184,190,201,0.75);
}
.wf-signature__image[data-tone="warm"] { background: linear-gradient(180deg, #fff3e8, #f7efe6); }
.wf-signature__image[data-tone="warm"]::before { background: linear-gradient(180deg, #fff9f2, #f7ecdd); }
.wf-signature__image[data-tone="warm"]::after { background: rgba(202, 185, 164, 0.72); }
.wf-signature__image[data-tone="play"] { background: linear-gradient(180deg, #f7f3ff, #eff3fb); }
.wf-signature__image[data-tone="play"]::before { background: linear-gradient(180deg, #fdf9ff, #edf4ff); }
.wf-signature__image[data-tone="play"]::after { background: rgba(170, 175, 196, 0.76); }
.wf-signature__image .wf-art-mini,
.wf-signature__image .wf-art-mini-2 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 178px;
  height: 178px;
  top: 74px;
  border-radius: 22px;
  background: rgba(255,255,255,0.66);
  border: 1px solid rgba(23,24,28,0.09);
  box-shadow: 0 12px 34px rgba(23,24,28,0.10);
}
.wf-signature__image .wf-art-mini::before,
.wf-signature__image .wf-art-mini::after,
.wf-signature__image .wf-art-mini-2::before,
.wf-signature__image .wf-art-mini-2::after { content:""; position:absolute; }
.wf-signature__image .wf-art-mini::before,
.wf-signature__image .wf-art-mini-2::before { inset: 18px; border-radius: 18px; background: linear-gradient(135deg, rgba(71,191,210,0.85), rgba(255,79,139,0.88)); }
.wf-signature__image .wf-art-mini::after,
.wf-signature__image .wf-art-mini-2::after { left: 36px; right: 36px; bottom: -70px; height: 12px; border-radius: 999px; background: rgba(17,20,27,0.18); filter: blur(12px); }
.wf-signature__image[data-tone="warm"] .wf-art-mini::before { background: linear-gradient(145deg, rgba(255,179,71,0.88), rgba(255,79,139,0.82)); }
.wf-signature__image[data-tone="play"] .wf-art-mini::before { background: linear-gradient(145deg, rgba(154,103,239,0.9), rgba(71,191,210,0.85)); }
.wf-signature__meta h3 { font-size: 1.4rem; margin: 8px 0 8px; }
.wf-signature__meta p { color: var(--wf-text-soft); }

.wf-process__lines {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}
.wf-process__line {
  padding: 26px;
  border-radius: 24px;
  background: rgba(255,255,255,0.76);
  border: 1px solid rgba(23,24,28,0.08);
  box-shadow: var(--wf-shadow);
}
.wf-process__number {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  margin-bottom: 16px;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(71,191,210,0.18), rgba(255,79,139,0.18));
  color: var(--wf-text);
  font-weight: 800;
}
.wf-process__title { font-size: 1.25rem; margin-bottom: 10px; }
.wf-process__text { color: var(--wf-text-soft); }

.wf-upload-band {
  padding-top: 26px;
}
.wf-upload-shell {
  padding: 36px;
  border-radius: 30px;
  background: linear-gradient(135deg, rgba(71,191,210,0.08), rgba(255,79,139,0.08), rgba(255,179,71,0.08));
  border: 1px solid rgba(23,24,28,0.08);
  box-shadow: var(--wf-shadow);
}
.wf-upload-shell__intro { max-width: 40rem; margin-bottom: 26px; }
.wf-upload-shell__intro h2 { font-size: clamp(2rem, 4vw, 3rem); margin-bottom: 10px; }
.wf-upload-grid {
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 18px;
}
.wf-field,
.wf-field--dropzone {
  display: grid;
  gap: 8px;
}
.wf-field--dropzone {
  align-content: center;
  min-height: 250px;
  padding: 24px;
  border-radius: 24px;
  border: 1.5px dashed rgba(23,24,28,0.18);
  background: rgba(255,255,255,0.86);
}
.wf-field--dropzone strong { font-size: 1.16rem; }
.wf-field label { font-weight: 600; }
.wf-field input,
.wf-field textarea,
.wf-field select {
  width: 100%;
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid rgba(23,24,28,0.14);
  background: rgba(255,255,255,0.92);
}
.wf-upload-form__actions { display:flex; gap:14px; align-items:center; margin-top: 18px; flex-wrap:wrap; }
.wf-upload-form__hint { color: var(--wf-text-soft); font-size: 0.94rem; }

.wf-what-you-get__grid,
.wf-use-cases__grid,
.wf-reveal-hero__grid,
.wf-reveal-main {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1fr);
  gap: 32px;
  align-items: start;
}
.wf-bullets {
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 12px;
}
.wf-bullets li {
  padding-left: 18px;
  position: relative;
}
.wf-bullets li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 10px;
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--wf-teal), var(--wf-pink));
}
.wf-framed-visual,
.wf-use-cases__visual {
  min-height: 430px;
  border-radius: 30px;
  background: linear-gradient(180deg, #f9fbff, #eef3fa);
  border: 1px solid rgba(23,24,28,0.08);
  box-shadow: var(--wf-shadow);
  position: relative;
  overflow: hidden;
}
.wf-framed-visual::before,
.wf-use-cases__visual::before {
  content: "";
  position: absolute;
  inset: 52px;
  border-radius: 24px;
  background: rgba(255,255,255,0.72);
  border: 1px solid rgba(23,24,28,0.08);
  box-shadow: 0 18px 40px rgba(23,24,28,0.10);
}
.wf-framed-visual::after,
.wf-use-cases__visual::after {
  content: "";
  position: absolute;
  inset: 82px;
  border-radius: 24px;
  background: linear-gradient(145deg, rgba(71,191,210,0.82), rgba(255,79,139,0.85), rgba(255,179,71,0.78));
}
.wf-use-cases__chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.wf-chip {
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.85);
  border: 1px solid rgba(23,24,28,0.08);
  font-size: 0.94rem;
}

.wf-gallery {
  background: linear-gradient(180deg, var(--wf-dark), var(--wf-dark-soft));
  color: #fff;
}
.wf-gallery .wf-section-heading p,
.wf-gallery .wf-gallery-card__meta p { color: rgba(255,255,255,0.72); }
.wf-gallery-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 22px;
}
.wf-gallery-filter {
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.08);
  color: rgba(255,255,255,0.68);
  border: 1px solid rgba(255,255,255,0.08);
  font-size: 0.92rem;
}
.wf-gallery-filter.is-active { background: rgba(255,255,255,0.16); color: #fff; }
.wf-gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 18px;
}
.wf-gallery-card {
  border-radius: 24px;
  background: rgba(255,255,255,0.05);
  border: 1px solid rgba(255,255,255,0.08);
  overflow: hidden;
}
.wf-gallery-card__visual {
  min-height: 260px;
  background: linear-gradient(180deg, #f8fbff, #edf2fa);
  position: relative;
}
.wf-gallery-card__visual::before,
.wf-gallery-card__visual::after { content:""; position:absolute; }
.wf-gallery-card__visual::before {
  inset: 0 0 70px 0;
  background: linear-gradient(180deg, #fff, #f2f6fb);
}
.wf-gallery-card__visual::after {
  left: 50%; top: 62px; transform: translateX(-50%);
  width: 148px; height: 148px; border-radius: 22px;
  background: linear-gradient(145deg, rgba(71,191,210,0.84), rgba(255,79,139,0.88));
  box-shadow: 0 16px 34px rgba(23,24,28,0.14);
}
.wf-gallery-card:nth-child(2n) .wf-gallery-card__visual::after { background: linear-gradient(145deg, rgba(255,179,71,0.90), rgba(255,79,139,0.84)); }
.wf-gallery-card:nth-child(3n) .wf-gallery-card__visual::after { background: linear-gradient(145deg, rgba(154,103,239,0.88), rgba(71,191,210,0.86)); }
.wf-gallery-card__meta { padding: 20px; }
.wf-gallery-card__meta h3 { font-size: 1.35rem; margin: 8px 0 8px; }
.wf-gallery-card__actions { display:flex; gap:18px; margin-top: 14px; }
.wf-gallery-link { color: #fff; font-weight: 600; }

.wf-final-cta__box {
  padding: 44px;
  border-radius: 32px;
  background: linear-gradient(135deg, var(--wf-pink), #f74d79 46%, var(--wf-purple));
  color: #fff;
  box-shadow: var(--wf-shadow-lg);
}
.wf-final-cta__box h2 { font-size: clamp(2.3rem, 5vw, 4rem); margin-bottom: 12px; max-width: 10ch; }
.wf-final-cta__box p { color: rgba(255,255,255,0.86); max-width: 36rem; margin-bottom: 20px; }
.wf-final-cta .wf-overline { color: rgba(255,255,255,0.72); }

.site-footer {
  padding: 26px 0 44px;
}
.wf-footer-inner {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  color: var(--wf-text-soft);
  font-size: 0.95rem;
}
.wf-footer-brand { display:grid; gap:4px; }
.wf-footer-brand strong {
  color: var(--wf-text);
  font-family: var(--wf-display);
  font-size: 1rem;
}

/* Reveal experience */
.wf-reveal-page {
  padding-top: 56px;
}
.wf-reveal-hero__eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255,255,255,0.86);
  border: 1px solid rgba(23,24,28,0.08);
  color: var(--wf-text-soft);
  margin-bottom: 18px;
}
.wf-status-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--wf-teal), var(--wf-pink));
}
.wf-reveal-hero h1 {
  font-size: clamp(3rem, 6vw, 5rem);
  margin-bottom: 14px;
  max-width: 9ch;
}
.wf-reveal-hero p {
  max-width: 36rem;
  font-size: 1.08rem;
  color: var(--wf-text-soft);
  margin-bottom: 22px;
}
.wf-reveal-layout {
  display: grid;
  gap: 18px;
}
.wf-reveal-visual {
  min-height: 620px;
  border-radius: 30px;
  overflow: hidden;
  border: 1px solid rgba(23,24,28,0.08);
  box-shadow: var(--wf-shadow-lg);
  background: linear-gradient(180deg, #fbfdff, #eef3fa);
  position: relative;
}
.wf-reveal-visual .wf-room-stage { inset: 24px; }
.wf-reveal-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.wf-reveal-label {
  position: absolute;
  top: 20px;
  left: 20px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.88);
  border: 1px solid rgba(23,24,28,0.08);
  font-size: 0.88rem;
  font-weight: 700;
}
.wf-reveal-panel {
  position: absolute;
  inset: 0 auto 0 0;
  width: 50%;
  border-right: 1px solid rgba(23,24,28,0.08);
}
.wf-reveal-panel--after {
  left: auto;
  right: 0;
  border-right: 0;
}
.wf-reveal-panel .wf-room-stage { inset: 22px; }
.wf-reveal-panel--before .wf-room-stage__art { opacity: 0.15; }
.wf-reveal-panel--before .wf-canvas-cluster { display: none; }
.wf-reveal-panel--before .wf-room-stage__art::before {
  content: "";
  position: absolute;
  inset: 16px;
  border-radius: 18px;
  border: 2px dashed rgba(23,24,28,0.12);
}
.wf-reveal-panel--before .wf-room-stage__art::after {
  content: "Art spot";
  position: absolute;
  inset: auto 0 20px 0;
  text-align: center;
  color: rgba(23,24,28,0.55);
  font-weight: 700;
}
.wf-reveal-card,
.wf-reveal-sidecard,
.wf-reveal-offer,
.wf-reveal-proof,
.wf-reveal-gallery-card {
  background: rgba(255,255,255,0.88);
  border: 1px solid rgba(23,24,28,0.08);
  border-radius: 24px;
  box-shadow: var(--wf-shadow);
}
.wf-reveal-card { overflow: hidden; }
.wf-reveal-card__head {
  padding: 24px 24px 18px;
  border-bottom: 1px solid rgba(23,24,28,0.08);
}
.wf-reveal-card__head h2 { font-size: 2rem; margin-top: 10px; }
.wf-reveal-card__body { padding: 24px; display: grid; gap: 22px; }
.wf-reveal-pill-row,
.wf-reveal-meta,
.wf-reveal-actions,
.wf-reveal-tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.wf-pill,
.wf-price,
.wf-tag,
.wf-mini-chip {
  display: inline-flex;
  align-items: center;
  padding: 10px 14px;
  border-radius: 999px;
  font-size: 0.92rem;
  border: 1px solid rgba(23,24,28,0.08);
}
.wf-pill { background: rgba(71,191,210,0.10); }
.wf-price { background: rgba(255,79,139,0.10); font-weight: 700; }
.wf-tag { background: rgba(154,103,239,0.10); }
.wf-mini-chip { background: rgba(255,179,71,0.14); }
.wf-reveal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}
.wf-reveal-stat {
  padding: 16px;
  border-radius: 18px;
  background: rgba(247,247,245,0.95);
  border: 1px solid rgba(23,24,28,0.07);
}
.wf-reveal-stat strong { display:block; font-size: 0.95rem; margin-bottom: 4px; }
.wf-reveal-stat span { color: var(--wf-text-soft); font-size: 0.94rem; }
.wf-reveal-offers {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}
.wf-reveal-offer { padding: 18px; }
.wf-reveal-offer h3 { font-size: 1.25rem; margin: 10px 0 8px; }
.wf-reveal-offer p { color: var(--wf-text-soft); font-size: 0.95rem; }
.wf-reveal-sidecard { padding: 22px; display:grid; gap:16px; }
.wf-reveal-sidecard h3 { font-size: 1.4rem; }
.wf-reveal-proof {
  padding: 20px;
  display: grid;
  gap: 16px;
}
.wf-proof-list { display:grid; gap:12px; }
.wf-proof-item {
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 12px;
  align-items: start;
}
.wf-proof-item__badge {
  width: 42px;
  height: 42px;
  border-radius: 14px;
  display:flex;
  align-items:center;
  justify-content:center;
  background: linear-gradient(135deg, rgba(71,191,210,0.18), rgba(255,79,139,0.18));
  font-weight: 800;
}
.wf-proof-item strong { display:block; margin-bottom: 4px; }
.wf-proof-item span { color: var(--wf-text-soft); font-size: 0.94rem; }
.wf-reveal-email {
  padding: 22px;
  border-radius: 24px;
  background: linear-gradient(135deg, rgba(255,79,139,0.12), rgba(154,103,239,0.12));
  border: 1px solid rgba(23,24,28,0.08);
}
.wf-reveal-email h3 { font-size: 1.45rem; margin-bottom: 10px; }
.wf-reveal-email form { display:grid; gap:12px; margin-top: 14px; }
.wf-reveal-email input {
  width: 100%;
  min-height: 50px;
  padding: 0 16px;
  border-radius: 14px;
  border: 1px solid rgba(23,24,28,0.12);
  background: rgba(255,255,255,0.92);
}
.wf-reveal-gallery {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 14px;
}
.wf-reveal-gallery-card { overflow:hidden; }
.wf-reveal-gallery-card__visual {
  min-height: 190px;
  position: relative;
  background: linear-gradient(180deg, #f9fbff, #eef3fa);
}
.wf-reveal-gallery-card__visual::after {
  content: "";
  position: absolute;
  left: 50%; top: 50%; transform: translate(-50%, -50%);
  width: 110px; height: 110px; border-radius: 18px;
  background: linear-gradient(145deg, rgba(71,191,210,0.84), rgba(255,79,139,0.88));
  box-shadow: 0 14px 28px rgba(23,24,28,0.12);
}
.wf-reveal-gallery-card:nth-child(2) .wf-reveal-gallery-card__visual::after { background: linear-gradient(145deg, rgba(255,179,71,0.90), rgba(255,79,139,0.84)); }
.wf-reveal-gallery-card:nth-child(3) .wf-reveal-gallery-card__visual::after { background: linear-gradient(145deg, rgba(154,103,239,0.90), rgba(71,191,210,0.84)); }
.wf-reveal-gallery-card__meta { padding: 16px; display:grid; gap:8px; }
.wf-reveal-gallery-card__meta h4 { font-size: 1.1rem; }
.wf-reveal-gallery-card__meta p { color: var(--wf-text-soft); font-size: 0.92rem; }

@media (max-width: 1080px) {
  .wf-hero__grid,
  .wf-what-you-get__grid,
  .wf-use-cases__grid,
  .wf-reveal-hero__grid,
  .wf-reveal-main,
  .wf-upload-grid,
  .wf-signature-grid,
  .wf-gallery-grid,
  .wf-reveal-offers,
  .wf-reveal-gallery,
  .wf-process__lines {
    grid-template-columns: 1fr;
  }
  .wf-gallery-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .wf-reveal-offers,
  .wf-reveal-gallery { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .wf-hero-visual,
  .wf-reveal-visual { min-height: 520px; }
}

@media (max-width: 820px) {
  .site-nav ul { display: none; }
  .wf-header-inner { min-height: 74px; }
  .site-title { font-size: 1.05rem; }
  main > section { padding: 72px 0; }
  .wf-hero h1,
  .wf-reveal-hero h1 { font-size: clamp(2.6rem, 11vw, 4rem); }
  .wf-hero-visual,
  .wf-reveal-visual { min-height: 440px; }
  .wf-room-stage__art { width: 210px; height: 210px; top: 74px; }
  .wf-canvas-cluster span { width: 102px; height: 102px; }
  .wf-room-stage__sofa { width: 290px; }
  .wf-reveal-panel { position: relative; width: 100%; min-height: 360px; border-right: 0; border-bottom: 1px solid rgba(23,24,28,0.08); }
  .wf-reveal-panel--after { right: auto; }
  .wf-reveal-visual { display: grid; }
  .wf-reveal-split { grid-template-columns: 1fr; }
  .wf-gallery-grid,
  .wf-reveal-offers,
  .wf-reveal-gallery { grid-template-columns: 1fr; }
  .wf-footer-inner { display:grid; }
}