:root {
  --bg: #0b0c10;
  --bg-soft: #12141a;
  --card: rgba(255,255,255,.045);
  --border: rgba(255,255,255,.11);
  --text: #f5f6f8;
  --muted: #aeb4bf;
  --accent: #d79852;
  --accent-soft: rgba(215,152,82,.14);
  --purple: #6c2bd9;
  --max: 1080px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background:
    radial-gradient(circle at 70% -10%, rgba(215,152,82,.10), transparent 34rem),
    linear-gradient(180deg, #090a0d 0%, #0d0f14 100%);
  color: var(--text);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.65;
}

a { color: inherit; }

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

header {
  min-height: 82px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--border);
  background: rgba(9,10,13,.72);
  backdrop-filter: blur(14px);
  position: sticky;
  top: 0;
  z-index: 10;
}

nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
}

.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  font-weight: 700;
  letter-spacing: .04em;
}

.brand img {
  width: 44px;
  height: 44px;
  object-fit: cover;
  object-position: 50% 42%;
  border-radius: 12px;
}

.navlinks {
  display: flex;
  gap: 24px;
  font-size: .95rem;
  color: var(--muted);
}

.navlinks a { text-decoration: none; }
.navlinks a:hover { color: var(--text); }

.hero {
  min-height: 72vh;
  display: grid;
  grid-template-columns: 1.1fr .9fr;
  align-items: center;
  gap: 64px;
  padding: 72px 0;
}

.eyebrow {
  display: inline-flex;
  padding: 7px 12px;
  border: 1px solid rgba(215,152,82,.28);
  background: var(--accent-soft);
  color: #efbd85;
  border-radius: 999px;
  font-size: .8rem;
  font-weight: 700;
  letter-spacing: .13em;
  text-transform: uppercase;
}

h1 {
  font-size: clamp(3rem, 7vw, 6.4rem);
  letter-spacing: -.065em;
  line-height: .93;
  margin: 22px 0;
}

h1 span {
  color: var(--accent);
}

.lead {
  max-width: 650px;
  color: var(--muted);
  font-size: 1.12rem;
}

.actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 30px;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 18px;
  border-radius: 12px;
  border: 1px solid var(--border);
  text-decoration: none;
  font-weight: 700;
}

.button.primary {
  background: var(--accent);
  color: #17100a;
  border-color: transparent;
}

.button.secondary {
  background: rgba(255,255,255,.04);
}

.hero-logo {
  display: flex;
  justify-content: center;
}

.hero-logo img {
  width: min(100%, 480px);
  border-radius: 30px;
  box-shadow: 0 30px 80px rgba(0,0,0,.45);
}

section {
  padding: 78px 0;
}

.section-title {
  font-size: clamp(2rem, 4vw, 3.2rem);
  margin: 0 0 12px;
  letter-spacing: -.04em;
}

.section-copy {
  margin: 0 0 32px;
  color: var(--muted);
  max-width: 700px;
}

.apps-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
}

.app-card {
  grid-column: span 12;
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 32px;
  padding: 28px;
  border: 1px solid var(--border);
  background: linear-gradient(145deg, rgba(108,43,217,.11), rgba(255,255,255,.035));
  border-radius: 24px;
}

.app-card img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: contain;
  border-radius: 24px;
}

.app-card h3 {
  font-size: 2rem;
  margin: 4px 0 8px;
}

.app-card p {
  color: var(--muted);
}

.tag {
  display: inline-flex;
  border-radius: 999px;
  border: 1px solid var(--border);
  padding: 5px 10px;
  color: #d8dce3;
  font-size: .8rem;
}

.contact-card {
  padding: 34px;
  border-radius: 24px;
  border: 1px solid var(--border);
  background: var(--card);
}

.contact-card a { color: #efbd85; }

footer {
  border-top: 1px solid var(--border);
  color: var(--muted);
  padding: 28px 0 42px;
  font-size: .9rem;
}

.legal {
  max-width: 820px;
  margin: 0 auto;
  padding: 58px 0 90px;
}

.legal-logo {
  display: block;
  width: min(320px, 80vw);
  margin: 0 auto 36px;
}

.legal h1 {
  font-size: clamp(2.4rem, 6vw, 4.5rem);
  line-height: 1;
  margin-bottom: 12px;
}

.legal h2 {
  margin-top: 38px;
  font-size: 1.35rem;
}

.legal p, .legal li { color: #c4c9d1; }

.notice {
  border-left: 3px solid var(--accent);
  background: var(--accent-soft);
  padding: 14px 18px;
  border-radius: 0 12px 12px 0;
}

@media (max-width: 760px) {
  .hero {
    grid-template-columns: 1fr;
    gap: 40px;
    padding-top: 46px;
  }
  .hero-logo { order: -1; }
  .hero-logo img { width: min(84vw, 360px); }
  .navlinks { display: none; }
  .app-card {
    grid-template-columns: 1fr;
  }
  .app-card img {
    width: min(70vw, 260px);
    margin: 0 auto;
  }
}

/* MirageFold */
.mirage-page {
  --mf-cyan: #25d8ff;
  --mf-blue: #4c75ff;
  --mf-purple: #a54cff;
  --mf-pink: #e447e8;
  --mf-panel: rgba(10, 16, 34, .72);
  background:
    radial-gradient(circle at 15% 10%, rgba(37,216,255,.12), transparent 28rem),
    radial-gradient(circle at 85% 18%, rgba(164,76,255,.15), transparent 32rem),
    linear-gradient(180deg, #050817 0%, #090b17 48%, #060713 100%);
}
.mirage-header { background: rgba(4,7,18,.78); }
.mirage-wordmark { width: min(440px, 88vw); display: block; margin-bottom: 22px; }
.mirage-hero { padding: 72px 0 82px; overflow: hidden; position: relative; }
.mirage-hero:before { content:""; position:absolute; inset:-20% 35% auto -15%; height:520px; background:radial-gradient(circle,rgba(37,216,255,.11),transparent 68%); pointer-events:none; }
.mirage-hero-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:46px; align-items:center; position:relative; }
.mirage-hero h1 { font-size:clamp(3.2rem,6.5vw,6.7rem); }
.mirage-hero h1 span, .mirage-feature h2 span { background:linear-gradient(90deg,var(--mf-cyan),var(--mf-blue),var(--mf-purple),var(--mf-pink)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.mirage-pill, .mirage-kicker { display:inline-flex; color:#c9b7ff; border:1px solid rgba(165,76,255,.32); background:rgba(109,58,207,.13); border-radius:999px; padding:7px 12px; font-size:.78rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.mirage-primary { background:linear-gradient(90deg,#24d5ff,#6b6cff,#c84eea); color:white; border:0; box-shadow:0 10px 32px rgba(104,86,255,.25); }
.mirage-micro { color:#7f8799; font-size:.86rem; margin-top:18px; }
.mirage-glow-card { padding:8px; border-radius:25px; background:linear-gradient(135deg,rgba(37,216,255,.5),rgba(165,76,255,.48),rgba(228,71,232,.24)); box-shadow:0 30px 90px rgba(41,41,145,.28); }
.mirage-glow-card img, .feature-image, .gallery-hero { display:block; width:100%; border-radius:19px; }
.mirage-intro { padding:90px 0; border-top:1px solid rgba(255,255,255,.06); border-bottom:1px solid rgba(255,255,255,.06); background:rgba(255,255,255,.018); }
.narrow { max-width:850px; }.center { text-align:center; }
.mirage-intro h2, .mirage-feature h2, .gallery-heading h2 { font-size:clamp(2.2rem,4.8vw,4.6rem); letter-spacing:-.055em; line-height:1.02; margin:18px 0; }
.mirage-intro p, .mirage-feature p, .gallery-heading p { color:#b7bdca; font-size:1.08rem; }
.mirage-intro blockquote { margin:38px auto 0; padding:22px 26px; border-left:3px solid var(--mf-purple); background:rgba(165,76,255,.08); border-radius:0 16px 16px 0; color:#eef1f7; font-size:1.05rem; text-align:left; }
.mirage-feature { padding:100px 0; }
.mirage-feature.alt { background:rgba(255,255,255,.018); border-top:1px solid rgba(255,255,255,.055); border-bottom:1px solid rgba(255,255,255,.055); }
.feature-split { display:grid; grid-template-columns:.78fr 1.22fr; gap:52px; align-items:center; }
.feature-split.reverse { grid-template-columns:1.22fr .78fr; }
.feature-split.reverse .feature-copy { order:2; }.feature-split.reverse .feature-image { order:1; }
.feature-image { box-shadow:0 30px 80px rgba(0,0,0,.45); border:1px solid rgba(125,99,255,.25); }
.mirage-list { padding-left:1.2rem; color:#c4cad5; }.mirage-list li { margin:9px 0; }
.feature-note { padding:15px 18px; border-radius:14px; border:1px solid rgba(37,216,255,.18); background:rgba(37,216,255,.055); }
.mini-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:28px; }
.mini-grid div { padding:16px; border:1px solid rgba(255,255,255,.09); background:rgba(255,255,255,.035); border-radius:14px; }
.mini-grid strong,.mini-grid span { display:block; }.mini-grid strong { color:#eef1f7; }.mini-grid span { color:#9ea6b6; font-size:.9rem; margin-top:4px; }
kbd { padding:4px 8px; border:1px solid rgba(165,76,255,.45); border-bottom-width:2px; border-radius:7px; background:#101426; color:#e8ddff; font:inherit; font-weight:700; }
.mirage-gallery { padding:110px 0; }
.gallery-heading { max-width:850px; margin:0 auto 42px; text-align:center; }
.gallery-hero { border:1px solid rgba(165,76,255,.22); box-shadow:0 35px 100px rgba(0,0,0,.5); }
.mirage-cta { display:flex; align-items:center; justify-content:space-between; gap:28px; margin-top:28px; padding:28px; border:1px solid rgba(255,255,255,.1); border-radius:20px; background:linear-gradient(120deg,rgba(37,216,255,.06),rgba(165,76,255,.09)); }
.mirage-cta h3 { margin:0 0 5px; font-size:1.4rem; }.mirage-cta p { margin:0; color:#aeb5c2; }
.mirage-footer { border-color:rgba(165,76,255,.18); }.footer-row { display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; }
.mirage-legal-logo { width:min(430px,86vw); }.mirage-legal a { color:#bba1ff; }.mirage-notice { border-color:var(--mf-purple); background:rgba(165,76,255,.08); }
.mirage-app-card { background:linear-gradient(145deg,rgba(37,216,255,.07),rgba(108,43,217,.13),rgba(255,255,255,.025)); }
.mirage-app-card img { filter:drop-shadow(0 12px 30px rgba(74,89,255,.2)); }
[aria-disabled="true"] { cursor:default; opacity:.76; }

@media (max-width: 900px) {
  .mirage-hero-grid,.feature-split,.feature-split.reverse { grid-template-columns:1fr; }
  .feature-split.reverse .feature-copy,.feature-split.reverse .feature-image { order:initial; }
  .mirage-glow-card { margin-top:18px; }
  .mirage-cta { align-items:flex-start; flex-direction:column; }
}
@media (max-width: 600px) {
  .mirage-hero { padding-top:46px; }.mirage-feature,.mirage-gallery { padding:72px 0; }
  .mini-grid { grid-template-columns:1fr; }
  .mirage-wordmark { width:min(360px,92vw); }
}

/* MirageFold hero badge: centered and compact */
.mirage-hero .mirage-pill {
  display:flex;
  width:max-content;
  max-width:100%;
  margin:0 auto 20px;
  justify-content:center;
  text-align:center;
  line-height:1.35;
}

/* BluePill + RedPill */
.pills-heading {
  max-width: 720px;
  margin: 64px auto 28px;
  text-align: center;
}
.pills-heading h3 {
  margin: 14px 0 8px;
  font-size: clamp(2rem, 4vw, 3rem);
  letter-spacing: -.045em;
}
.pills-heading h3 span { color: var(--accent); }
.pills-heading p { margin: 0; color: var(--muted); }
.pills-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.pill-card {
  position:relative; overflow:hidden; padding:30px; border:1px solid var(--border); border-radius:24px;
  background:rgba(255,255,255,.035); min-height:100%;
}
.pill-card:before { content:""; position:absolute; width:320px; height:320px; border-radius:50%; filter:blur(70px); opacity:.16; top:-180px; right:-100px; pointer-events:none; }
.bluepill-card { border-color:rgba(36,189,255,.18); background:linear-gradient(145deg,rgba(16,118,194,.10),rgba(255,255,255,.03)); }
.bluepill-card:before { background:#16b9ff; }
.redpill-card { border-color:rgba(255,55,70,.20); background:linear-gradient(145deg,rgba(170,20,32,.11),rgba(255,255,255,.03)); }
.redpill-card:before { background:#ff243c; }
.pill-logo-link { display:flex; justify-content:center; position:relative; text-decoration:none; }
.pill-card img { width:min(100%,250px); aspect-ratio:1; object-fit:contain; filter:drop-shadow(0 20px 38px rgba(0,0,0,.34)); transition:transform .2s ease; }
.pill-card:hover img { transform:translateY(-3px); }
.pill-card-body { position:relative; }
.pill-tags { display:flex; gap:8px; flex-wrap:wrap; }
.pill-card h3 { margin:8px 0 6px; font-size:2rem; }
.pill-card p { color:var(--muted); margin:0; }
.pill-blue-button { background:#24bdf2; color:#041118; border-color:transparent; }
.pill-red-button { background:#e53845; color:#fff; border-color:transparent; }

.pill-page { --pill-color:#24bdf2; --pill-soft:rgba(36,189,242,.11); --pill-border:rgba(36,189,242,.24); background:radial-gradient(circle at 72% 8%,var(--pill-soft),transparent 34rem),linear-gradient(180deg,#080a0f 0%,#0c0f15 100%); }
.pill-page.red { --pill-color:#ee3f4d; --pill-soft:rgba(238,63,77,.11); --pill-border:rgba(238,63,77,.25); }
.pill-header { background:rgba(7,9,14,.78); }
.pill-hero { min-height:72vh; display:grid; grid-template-columns:1fr .85fr; align-items:center; gap:60px; padding:70px 0; }
.pill-hero-logo { display:flex; justify-content:center; }
.pill-hero-logo img { width:min(100%,430px); filter:drop-shadow(0 35px 60px rgba(0,0,0,.5)); }
.pill-kicker { display:inline-flex; padding:7px 12px; border:1px solid var(--pill-border); background:var(--pill-soft); color:var(--pill-color); border-radius:999px; font-size:.8rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }
.pill-hero h1 { font-size:clamp(3.4rem,7vw,6.8rem); }
.pill-hero h1 span { color:var(--pill-color); }
.pill-primary { background:var(--pill-color); color:#071016; border-color:transparent; }
.red .pill-primary { color:#fff; }
.pill-quote { margin:20px 0 0; color:#c9ced7; font-style:italic; }
.pill-section { padding:84px 0; }
.pill-section.alt { border-block:1px solid rgba(255,255,255,.055); background:rgba(255,255,255,.018); }
.pill-section-head { max-width:700px; margin-bottom:30px; }
.pill-section-head h2 { margin:12px 0 8px; font-size:clamp(2rem,4vw,3.2rem); letter-spacing:-.04em; }
.pill-section-head p { color:var(--muted); }
.pill-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.pill-feature { padding:24px; border:1px solid var(--border); border-radius:18px; background:rgba(255,255,255,.035); transition:transform .18s ease,border-color .18s ease,background .18s ease; }
.pill-feature:hover { transform:translateY(-2px); border-color:var(--pill-border); background:linear-gradient(145deg,var(--pill-soft),rgba(255,255,255,.035)); }
.pill-feature-icon { width:46px; height:46px; display:grid; place-items:center; margin-bottom:18px; border-radius:14px; border:1px solid var(--pill-border); background:var(--pill-soft); color:var(--pill-color); }
.pill-feature-icon svg { width:24px; height:24px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.pill-feature strong { display:block; margin-bottom:7px; font-size:1.05rem; }
.pill-feature span { color:var(--muted); }
.pill-compare { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.pill-compare > div { padding:26px; border-radius:20px; border:1px solid var(--border); background:rgba(255,255,255,.03); }
.pill-compare h3 { margin:0 0 8px; font-size:1.4rem; }
.pill-compare p { color:var(--muted); margin:0; }
.pill-cta { padding:30px; border:1px solid var(--pill-border); border-radius:22px; background:linear-gradient(120deg,var(--pill-soft),rgba(255,255,255,.025)); display:flex; align-items:center; justify-content:space-between; gap:24px; }
.pill-cta h2 { margin:0 0 5px; font-size:clamp(1.7rem,3vw,2.4rem); }
.pill-cta p { margin:0; color:var(--muted); }
.pill-legal a { color:var(--pill-color); }
.pill-notice { border-color:var(--pill-color); background:var(--pill-soft); }
.pill-legal-logo { filter:drop-shadow(0 18px 34px rgba(0,0,0,.38)); }

@media (max-width: 800px) {
  .pills-grid,.pill-hero,.pill-feature-grid,.pill-compare { grid-template-columns:1fr; }
  .pill-hero-logo { order:-1; }
  .pill-hero-logo img { width:min(76vw,330px); }
  .pill-cta { align-items:flex-start; flex-direction:column; }
}

/* Official Microsoft Store badge */
ms-store-badge { display:inline-flex; align-items:center; }
ms-store-badge::part(img) { max-width:190px; width:100%; height:auto; }
.mirage-page ms-store-badge::part(img) { max-width:205px; }

/* Relmuru */
.relmuru-page {
  --relmuru-amber:#f2a53b;
  --relmuru-violet:#9c5cff;
  --relmuru-cyan:#39d8e8;
  --relmuru-pink:#e85ba8;
  --relmuru-panel:rgba(13,15,22,.78);
  background:
    radial-gradient(circle at 82% 8%,rgba(156,92,255,.13),transparent 30rem),
    radial-gradient(circle at 68% 18%,rgba(57,216,232,.08),transparent 26rem),
    radial-gradient(circle at 14% 3%,rgba(242,165,59,.08),transparent 24rem),
    linear-gradient(180deg,#07080c 0%,#0b0d13 50%,#08090e 100%);
}
.relmuru-header { background:rgba(6,7,11,.8); }
.relmuru-hero { min-height:76vh; padding:76px 0 88px; overflow:hidden; position:relative; }
.relmuru-hero:before { content:""; position:absolute; width:560px; height:560px; right:-180px; top:-220px; border-radius:50%; background:conic-gradient(from 190deg,rgba(242,165,59,.10),rgba(232,91,168,.10),rgba(156,92,255,.12),rgba(57,216,232,.10),rgba(242,165,59,.10)); filter:blur(20px); pointer-events:none; }
.relmuru-hero-grid { display:grid; grid-template-columns:.95fr 1.05fr; gap:58px; align-items:center; position:relative; }
.relmuru-wordmark-placeholder { width:max-content; max-width:100%; display:flex; flex-direction:column; gap:2px; margin-bottom:20px; }
.relmuru-wordmark-text { font-size:clamp(2.5rem,6vw,4.8rem); font-weight:900; letter-spacing:.13em; line-height:1; color:#f5f6f8; text-shadow:0 0 24px rgba(156,92,255,.18); }
.relmuru-wordmark-placeholder > span:last-child { color:#9ea6b6; letter-spacing:.12em; text-transform:uppercase; font-size:.72rem; font-weight:700; }
.relmuru-pill,.relmuru-kicker { display:inline-flex; color:#ffc56e; border:1px solid rgba(242,165,59,.28); background:rgba(242,165,59,.075); border-radius:999px; padding:7px 12px; font-size:.78rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.relmuru-hero h1 { font-size:clamp(3.1rem,6.4vw,6.5rem); }
.relmuru-hero h1 span,.relmuru-feature h2 span { background:linear-gradient(90deg,var(--relmuru-amber),var(--relmuru-pink),var(--relmuru-violet),var(--relmuru-cyan)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.relmuru-primary,.relmuru-button { background:linear-gradient(100deg,#f2a53b,#db6d7c,#9c5cff); color:#fff; border:0; box-shadow:0 10px 34px rgba(156,92,255,.16); }
.relmuru-micro { color:#7f8794; font-size:.86rem; margin-top:18px; }
.relmuru-device-stage { padding:9px; border-radius:30px; background:linear-gradient(135deg,rgba(242,165,59,.45),rgba(232,91,168,.28),rgba(156,92,255,.46),rgba(57,216,232,.35)); box-shadow:0 36px 100px rgba(0,0,0,.5); }
.relmuru-device-screen { min-height:390px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:12px; padding:38px; border-radius:23px; border:1px solid rgba(255,255,255,.07); background:radial-gradient(circle at 50% 20%,rgba(156,92,255,.12),transparent 18rem),#090b11; }
.relmuru-device-screen strong { max-width:460px; font-size:clamp(1.7rem,4vw,3rem); line-height:1.08; }
.relmuru-device-screen > span:not(.relmuru-placeholder-label) { color:#b3bac7; }
.relmuru-device-screen small { max-width:390px; color:#717988; }
.relmuru-placeholder-label { color:var(--relmuru-amber); font-size:.7rem; font-weight:900; letter-spacing:.16em; }
.relmuru-intro { padding:92px 0; border-block:1px solid rgba(255,255,255,.055); background:rgba(255,255,255,.016); }
.relmuru-intro h2,.relmuru-feature h2,.relmuru-gallery-heading h2 { font-size:clamp(2.2rem,4.8vw,4.5rem); letter-spacing:-.055em; line-height:1.02; margin:18px 0; }
.relmuru-intro p,.relmuru-feature p,.relmuru-gallery-heading p { color:#b7bdca; font-size:1.06rem; }
.relmuru-feature { padding:96px 0; }
.relmuru-feature.alt { background:rgba(255,255,255,.016); border-block:1px solid rgba(255,255,255,.05); }
.relmuru-feature-grid { display:grid; grid-template-columns:1.02fr .98fr; gap:54px; align-items:center; }
.relmuru-feature-grid.reverse { grid-template-columns:1.05fr .95fr; }
.relmuru-feature-grid.reverse .feature-copy { order:2; }
.relmuru-feature-grid.reverse > :not(.feature-copy) { order:1; }
.relmuru-info-card,.relmuru-safety-card { padding:32px; min-height:310px; display:flex; flex-direction:column; justify-content:center; border-radius:24px; border:1px solid rgba(156,92,255,.2); background:linear-gradient(145deg,rgba(156,92,255,.075),rgba(255,255,255,.025)); box-shadow:0 26px 70px rgba(0,0,0,.28); }
.relmuru-info-card h3 { margin:18px 0 8px; font-size:clamp(1.55rem,3vw,2.25rem); line-height:1.15; }
.relmuru-info-card p { margin-bottom:0; }
.relmuru-info-card.compact { border-color:rgba(57,216,232,.18); background:linear-gradient(145deg,rgba(57,216,232,.06),rgba(156,92,255,.045)); }
.relmuru-orientation-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:28px; }
.relmuru-orientation-row > div { min-height:132px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:13px; text-align:center; padding:14px; border:1px solid rgba(255,255,255,.085); background:rgba(255,255,255,.028); border-radius:16px; }
.orientation-icon { display:block; width:58px; height:36px; border:2px solid #c7ccd6; border-radius:6px; box-shadow:0 0 18px rgba(156,92,255,.15); }
.orientation-icon.portrait { width:36px; height:58px; border-color:#d7b3ff; }
.orientation-icon.left { transform:rotate(-4deg); }.orientation-icon.right { transform:rotate(4deg); }
.hotkey-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:26px 0 20px; }
.hotkey-grid > div { padding:18px; border:1px solid rgba(255,255,255,.085); background:rgba(255,255,255,.025); border-radius:15px; }
.hotkey-grid strong,.hotkey-grid span { display:block; }.hotkey-grid span { margin-top:10px; color:#d5d9e0; white-space:nowrap; }
.relmuru-page kbd { border-color:rgba(242,165,59,.38); background:#151219; color:#ffd08c; }
.relmuru-note { padding:15px 18px; border:1px solid rgba(57,216,232,.17); background:rgba(57,216,232,.045); border-radius:14px; }
.relmuru-note.safety { border-color:rgba(242,165,59,.22); background:rgba(242,165,59,.055); }
.relmuru-list { padding-left:1.2rem; color:#c4cad5; }.relmuru-list li { margin:9px 0; }
.tray-card { min-height:250px; align-items:flex-start; gap:8px; border-color:rgba(255,255,255,.12); }
.tray-card strong { font-size:1.45rem; }.tray-card > span:last-child { color:#9fa7b5; }
.tray-dot { width:46px; height:46px; border-radius:14px; margin-bottom:10px; background:radial-gradient(circle at 65% 35%,#ffd06c 0 7%,transparent 8%),linear-gradient(135deg,#1b1d24,#11131a); border:1px solid rgba(242,165,59,.24); box-shadow:0 0 28px rgba(156,92,255,.15); }
.relmuru-safety-card { min-height:250px; border-color:rgba(242,165,59,.22); background:linear-gradient(145deg,rgba(242,165,59,.075),rgba(255,255,255,.025)); }
.relmuru-safety-card strong { font-size:2rem; margin-bottom:10px; }.relmuru-safety-card span { color:#b8bec9; }
.relmuru-gallery { padding:108px 0; }
.relmuru-gallery-heading { max-width:850px; margin:0 auto 42px; text-align:center; }
.relmuru-shot-grid { display:grid; grid-template-columns:1.2fr .8fr 1fr; gap:18px; align-items:stretch; }
.relmuru-shot-placeholder { min-height:300px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:8px; padding:26px; border:1px dashed rgba(156,92,255,.32); border-radius:20px; background:linear-gradient(145deg,rgba(156,92,255,.055),rgba(255,255,255,.018)); }
.relmuru-shot-placeholder span { color:var(--relmuru-amber); font-size:.72rem; font-weight:900; letter-spacing:.15em; }.relmuru-shot-placeholder strong { font-size:1.4rem; }.relmuru-shot-placeholder small { color:#7e8796; max-width:260px; }
.relmuru-shot-placeholder.portrait-shot { min-height:390px; }
.relmuru-cta { display:flex; align-items:center; justify-content:space-between; gap:28px; margin-top:28px; padding:28px; border:1px solid rgba(156,92,255,.18); border-radius:20px; background:linear-gradient(120deg,rgba(242,165,59,.05),rgba(156,92,255,.075),rgba(57,216,232,.035)); }
.relmuru-cta h3 { margin:0 0 5px; font-size:1.4rem; }.relmuru-cta p { margin:0; color:#aeb5c2; max-width:620px; }
.relmuru-footer { border-color:rgba(156,92,255,.15); }
.relmuru-legal a { color:#ffc16a; }.relmuru-notice { border-color:var(--relmuru-amber); background:rgba(242,165,59,.07); }
.relmuru-legal-wordmark { margin:0 auto 34px; text-align:center; font-size:clamp(2.1rem,5vw,3.5rem); font-weight:900; letter-spacing:.13em; }
.relmuru-legal-wordmark span { display:block; margin-top:5px; color:#9fa6b3; font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; }
.relmuru-app-card { position:relative; }
.relmuru-card-mark { min-height:260px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:22px; border-radius:24px; border:1px solid rgba(156,92,255,.15); background:radial-gradient(circle at 50% 30%,rgba(156,92,255,.11),transparent 9rem),rgba(8,10,15,.62); }
.relmuru-card-name { font-size:clamp(2rem,5vw,3rem); font-weight:900; letter-spacing:.12em; }.relmuru-card-tagline { margin-top:6px; color:#9ca4b2; font-size:.68rem; letter-spacing:.11em; text-transform:uppercase; }

@media (max-width:900px) {
  .relmuru-hero-grid,.relmuru-feature-grid,.relmuru-feature-grid.reverse { grid-template-columns:1fr; }
  .relmuru-feature-grid.reverse .feature-copy,.relmuru-feature-grid.reverse > :not(.feature-copy) { order:initial; }
  .relmuru-device-stage { margin-top:12px; }
  .relmuru-shot-grid { grid-template-columns:1fr 1fr; }
  .relmuru-shot-placeholder.portrait-shot { min-height:300px; }
  .relmuru-cta { align-items:flex-start; flex-direction:column; }
}
@media (max-width:760px) {
  .relmuru-card-mark { width:min(70vw,260px); min-height:240px; margin:0 auto; }
}
@media (max-width:600px) {
  .relmuru-hero { padding-top:48px; }.relmuru-feature,.relmuru-gallery { padding:72px 0; }
  .relmuru-device-screen { min-height:310px; padding:24px; }
  .relmuru-orientation-row,.hotkey-grid,.relmuru-shot-grid { grid-template-columns:1fr; }
  .relmuru-wordmark-text { font-size:2.4rem; }
}

/* Relmuru official visual identity */
.relmuru-page {
  --relmuru-orange:#ff6b18;
  --relmuru-magenta:#ff2acb;
  --relmuru-blue:#16a8ff;
  --relmuru-deep:#070711;
  background:
    radial-gradient(circle at 10% 4%,rgba(255,83,24,.13),transparent 26rem),
    radial-gradient(circle at 88% 8%,rgba(22,168,255,.14),transparent 30rem),
    radial-gradient(circle at 55% 30%,rgba(255,42,203,.07),transparent 34rem),
    linear-gradient(180deg,#05050b,#090713 44%,#05060d);
}
.relmuru-brand-lockup{width:min(520px,92%);margin:0 0 18px;display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.relmuru-logo{display:block;width:100%;height:auto;filter:drop-shadow(0 0 22px rgba(43,137,255,.16)) drop-shadow(0 0 20px rgba(255,79,25,.12))}
.relmuru-brand-lockup>span{margin-left:3%;color:#aeb6c7;font-size:.72rem;font-weight:800;letter-spacing:.19em;text-transform:uppercase}
.relmuru-hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,var(--relmuru-orange),var(--relmuru-magenta),var(--relmuru-blue),transparent);opacity:.45}
.relmuru-hero-visual{position:relative;padding:0;overflow:hidden;background:#06060c;border:1px solid rgba(255,255,255,.08);box-shadow:0 34px 100px rgba(0,0,0,.55),0 0 45px rgba(45,127,255,.10)}
.relmuru-hero-visual img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:28px}
.relmuru-visual-caption{position:absolute;left:0;right:0;bottom:0;padding:42px 26px 22px;background:linear-gradient(transparent,rgba(4,4,10,.94));display:flex;flex-direction:column;gap:3px}
.relmuru-visual-caption strong{font-size:1.2rem}.relmuru-visual-caption span{color:#abb4c5;font-size:.86rem}
.relmuru-orientation-showcase{grid-column:1/-1;display:grid;grid-template-columns:1.35fr .825fr .825fr;gap:16px;margin-top:30px}
.relmuru-orientation-card{margin:0;position:relative;overflow:hidden;min-height:330px;border-radius:22px;border:1px solid rgba(255,255,255,.09);background:#070811;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.relmuru-orientation-card:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,transparent 48%,rgba(5,5,12,.96) 100%)}
.relmuru-orientation-card img{width:100%;height:100%;min-height:330px;object-fit:cover;display:block;transition:transform .35s ease}
.relmuru-orientation-card:hover img{transform:scale(1.025)}
.relmuru-orientation-card figcaption{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center}
.relmuru-orientation-card figcaption span{grid-row:1/3;color:#ffb35d;font-size:.72rem;font-weight:900;letter-spacing:.12em}
.relmuru-orientation-card figcaption strong{font-size:1.15rem}.relmuru-orientation-card figcaption small{grid-column:2;color:#aeb5c4;margin-top:2px}
.relmuru-pill,.relmuru-kicker{border-color:rgba(255,101,31,.28);background:linear-gradient(90deg,rgba(255,94,22,.09),rgba(255,42,203,.05));color:#ffc071}
.relmuru-primary,.relmuru-button{background:linear-gradient(100deg,#ff7119,#f02b9f 52%,#398cff);box-shadow:0 10px 34px rgba(199,48,190,.18)}
.relmuru-info-card,.relmuru-safety-card{border-color:rgba(85,116,255,.18);background:linear-gradient(145deg,rgba(255,85,28,.045),rgba(183,40,255,.055),rgba(26,142,255,.045))}
.relmuru-card-logo{display:block;height:auto;filter:drop-shadow(0 0 18px rgba(255,92,24,.22)) drop-shadow(0 0 28px rgba(199,45,255,.18)) drop-shadow(0 0 34px rgba(34,132,255,.16))}
@media(max-width:900px){.relmuru-orientation-showcase{grid-template-columns:1fr 1fr}.relmuru-orientation-card.landscape-card{grid-column:1/-1}.relmuru-brand-lockup{margin-inline:auto;align-items:center}.relmuru-brand-lockup>span{margin-left:0;text-align:center}}
@media(max-width:600px){.relmuru-orientation-showcase{grid-template-columns:1fr}.relmuru-orientation-card.landscape-card{grid-column:auto}.relmuru-orientation-card,.relmuru-orientation-card img{min-height:300px}.relmuru-hero-visual img{aspect-ratio:4/3}.relmuru-logo{width:100%}}

/* Relmuru visual refinements */
.relmuru-legal-wordmark img{display:block;width:min(430px,82vw);height:auto;margin:0 auto;filter:drop-shadow(0 0 20px rgba(48,135,255,.14))}
.relmuru-orientation-showcase{grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr) minmax(0,.9fr);align-items:stretch}
.relmuru-orientation-card{min-height:360px}
.relmuru-orientation-card img{min-height:360px;object-position:center}
.relmuru-orientation-card.portrait-card img{object-position:center 46%}
.relmuru-orientation-card:before{background:linear-gradient(180deg,rgba(4,5,12,.02) 25%,rgba(4,5,12,.28) 58%,rgba(4,5,12,.97) 100%)}
.relmuru-orientation-card figcaption{left:18px;right:18px;bottom:16px;padding-top:30px}
.relmuru-orientation-card figcaption strong{font-size:1.08rem;text-shadow:0 2px 12px #000}
.relmuru-orientation-card figcaption small{font-size:.84rem;line-height:1.45;color:#d3d7e0;text-shadow:0 2px 10px #000}
.tray-screenshot-card{padding:22px;justify-content:flex-start;gap:20px;min-height:0}
.tray-screenshot-card>img{display:block;width:100%;height:auto;max-height:270px;object-fit:contain;object-position:left center;border-radius:12px;background:#11121a}
.tray-screenshot-copy{display:flex;flex-direction:column;gap:7px;padding:0 6px 4px}
.tray-screenshot-copy strong{font-size:1.35rem}.tray-screenshot-copy span{color:#b8c0cf;line-height:1.55}
.relmuru-shot-grid{grid-template-columns:1.2fr .8fr 1fr;gap:18px;align-items:stretch}
.relmuru-shot-card{margin:0;min-width:0;overflow:hidden;border:1px solid rgba(108,82,216,.28);border-radius:22px;background:#090a13;display:flex;flex-direction:column;box-shadow:0 20px 55px rgba(0,0,0,.22)}
.relmuru-shot-card>img{display:block;width:100%;height:280px;object-fit:cover;object-position:center}
.relmuru-shot-card.portrait-shot>img{height:360px;object-position:center 44%}
.relmuru-shot-card figcaption{display:grid;grid-template-columns:auto 1fr;column-gap:10px;row-gap:4px;padding:20px 22px 22px;align-items:center;background:linear-gradient(135deg,rgba(255,93,26,.045),rgba(129,48,255,.06),rgba(31,132,255,.035))}
.relmuru-shot-card figcaption span{grid-row:1/3;color:#ffb15c;font-size:.72rem;font-weight:900;letter-spacing:.12em}
.relmuru-shot-card figcaption strong{font-size:1.15rem}.relmuru-shot-card figcaption small{grid-column:2;color:#aeb6c6;line-height:1.45}
.tray-shot-image{height:280px;padding:24px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 45%,rgba(87,62,160,.16),transparent 70%),#080910}
.tray-shot-image img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;image-rendering:auto;box-shadow:0 18px 42px rgba(0,0,0,.4)}
@media(max-width:900px){.relmuru-orientation-showcase{grid-template-columns:1fr 1fr}.relmuru-orientation-card.landscape-card{grid-column:1/-1}.relmuru-shot-grid{grid-template-columns:1fr 1fr}.relmuru-shot-card.landscape-shot{grid-column:1/-1}.tray-shot-image,.relmuru-shot-card>img{height:300px}}
@media(max-width:600px){.relmuru-orientation-showcase,.relmuru-shot-grid{grid-template-columns:1fr}.relmuru-orientation-card.landscape-card,.relmuru-shot-card.landscape-shot{grid-column:auto}.relmuru-orientation-card,.relmuru-orientation-card img{min-height:320px}.relmuru-shot-card>img,.relmuru-shot-card.portrait-shot>img,.tray-shot-image{height:320px}}


/* Relmuru layout corrections */
#funciones .relmuru-feature-grid{align-items:start}
#funciones .relmuru-orientation-showcase{grid-column:1/-1;width:100%;margin-top:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#funciones .relmuru-orientation-card{min-height:0;display:flex;flex-direction:column;background:#090a13;border:1px solid rgba(108,82,216,.28);overflow:hidden}
#funciones .relmuru-orientation-card:before{display:none}
#funciones .relmuru-orientation-copy{min-height:112px;padding:20px 22px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;background:linear-gradient(135deg,rgba(255,93,26,.045),rgba(129,48,255,.06),rgba(31,132,255,.035))}
#funciones .relmuru-orientation-copy>span{color:#ffb15c;font-size:.72rem;font-weight:900;letter-spacing:.12em}
#funciones .relmuru-orientation-copy div{display:flex;flex-direction:column;gap:4px}
#funciones .relmuru-orientation-copy strong{font-size:1.1rem}
#funciones .relmuru-orientation-copy small{color:#c1c7d2;line-height:1.4}
#funciones .relmuru-orientation-card img{width:100%;height:330px;min-height:0;object-fit:cover;object-position:center;order:2}
#funciones .relmuru-orientation-card.portrait-card img{object-position:center}

.tray-screenshot-card{align-items:flex-start}
.tray-screenshot-card>img{width:218px;height:208px;max-width:100%;max-height:none;object-fit:contain;object-position:center;border-radius:0;background:transparent;align-self:center;image-rendering:auto}
.tray-screenshot-copy{width:100%}

.relmuru-gallery-heading{margin-bottom:30px}
.relmuru-shot-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.relmuru-shot-card{height:100%}
.relmuru-shot-card>img,.relmuru-shot-card.portrait-shot>img,.tray-shot-image{height:300px}
.relmuru-shot-card>img,.relmuru-shot-card.portrait-shot>img{object-fit:cover;object-position:center}
.tray-shot-image{padding:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.tray-shot-image img{width:218px;height:208px;max-width:100%;max-height:100%;object-fit:contain;box-shadow:none}
.relmuru-shot-card figcaption{min-height:116px}

@media(max-width:900px){
 #funciones .relmuru-orientation-showcase,.relmuru-shot-grid{grid-template-columns:1fr 1fr}
 #funciones .relmuru-orientation-card.landscape-card,.relmuru-shot-card.landscape-shot{grid-column:1/-1}
}
@media(max-width:600px){
 #funciones .relmuru-orientation-showcase,.relmuru-shot-grid{grid-template-columns:1fr}
 #funciones .relmuru-orientation-card.landscape-card,.relmuru-shot-card.landscape-shot{grid-column:auto}
 #funciones .relmuru-orientation-card img{height:300px}
 .relmuru-shot-card>img,.relmuru-shot-card.portrait-shot>img,.tray-shot-image{height:280px}
}