:root {
  --bg: #05030a;
  --bg-deep: #020207;
  --panel: rgba(17, 10, 29, 0.88);
  --panel-strong: #120b20;
  --panel-soft: #19102a;
  --line: rgba(190, 132, 255, 0.27);
  --line-strong: rgba(205, 162, 255, 0.58);
  --violet: #9d64ff;
  --violet-light: #c799ff;
  --pink: #d68cff;
  --cyan: #9b8cff;
  --mint: #b67cff;
  --text: #fbf9ff;
  --muted: #b9aec8;
  --muted-2: #887f98;
  --radius: 26px;
  --shadow: 0 28px 90px rgba(0, 0, 0, 0.5), 0 0 50px rgba(127, 66, 255, 0.08);
  --max: 1240px;
}

*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-width: 320px;
  background:
    radial-gradient(circle at 78% 4%, rgba(91, 60, 183, 0.18), transparent 29rem),
    radial-gradient(circle at 8% 30%, rgba(255, 107, 214, 0.07), transparent 28rem),
    linear-gradient(180deg, #05030a 0%, #08040f 50%, #030207 100%);
  color: var(--text);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  line-height: 1.55;
  text-rendering: optimizeLegibility;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.25;
  background-image: linear-gradient(rgba(255,255,255,.015) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px);
  background-size: 42px 42px;
  mask-image: linear-gradient(to bottom, black, transparent 70%);
}

img { max-width: 100%; }
a { color: inherit; text-decoration: none; }
p { margin: 0; color: var(--muted); }
h1, h2, h3 { margin: 0; color: var(--text); line-height: 1.05; letter-spacing: -0.035em; }
h1 { font-size: clamp(3.2rem, 7vw, 6.8rem); }
h2 { font-size: clamp(2rem, 4vw, 3.7rem); }
h3 { font-size: 1.14rem; }
em { color: var(--violet-light); font-style: normal; }
button, input, textarea, select { font: inherit; }

.skip-link {
  position: fixed;
  z-index: 100;
  top: 12px;
  left: 12px;
  padding: 10px 14px;
  border-radius: 10px;
  background: white;
  color: #07030c;
  transform: translateY(-150%);
}
.skip-link:focus { transform: translateY(0); }
a:focus-visible { outline: 2px solid var(--cyan); outline-offset: 4px; border-radius: 8px; }

.site-shell { position: relative; min-height: 100vh; overflow: hidden; }
.site-shell::before {
  content: "";
  position: absolute;
  z-index: -1;
  width: 46rem;
  height: 46rem;
  top: 28rem;
  right: -28rem;
  border-radius: 50%;
  background: rgba(72, 111, 255, 0.08);
  filter: blur(70px);
}

.site-header {
  position: sticky;
  z-index: 40;
  top: 0;
  border-bottom: 1px solid rgba(190, 132, 255, 0.16);
  background: rgba(5, 3, 10, 0.84);
  backdrop-filter: blur(24px);
}
.header-inner {
  width: min(calc(100% - 40px), var(--max));
  min-height: 76px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
}
.site-brand, .footer-brand { display: flex; align-items: center; gap: 11px; min-width: 0; }
.site-brand img { width: 45px; height: 45px; border-radius: 12px; box-shadow: 0 0 28px rgba(112, 71, 255, .22); }
.site-brand span, .footer-brand span { display: grid; }
.site-brand strong, .footer-brand strong { font-size: .9rem; letter-spacing: .18em; line-height: 1; }
.site-brand small, .footer-brand small { margin-top: 7px; color: var(--muted); font-size: .54rem; letter-spacing: .25em; }
.site-nav { display: flex; align-items: center; gap: 5px; }
.site-nav a { padding: 9px 12px; border-radius: 999px; color: var(--muted); font-size: .82rem; transition: color .2s ease, background .2s ease, transform .2s ease; }
.site-nav a:hover, .site-nav a.active { color: white; background: rgba(157, 100, 255, .1); }
.site-nav a.nav-cta { margin-left: 6px; border: 1px solid rgba(157, 100, 255, .38); color: var(--violet-light); background: rgba(157, 100, 255, .08); font-weight: 800; }
.site-nav a.nav-cta:hover { transform: translateY(-1px); background: rgba(157, 100, 255, .15); }

main { padding: 22px 0 0; }
.section-frame { width: min(calc(100% - 40px), var(--max)); margin: 22px auto 0; }
.eyebrow { color: var(--violet-light); font-size: .7rem; font-weight: 900; letter-spacing: .18em; text-transform: uppercase; }
.eyebrow span { display: inline-block; width: 7px; height: 7px; margin-right: 9px; border-radius: 50%; background: var(--violet-light); box-shadow: 0 0 14px rgba(199, 153, 255, .75); }

.hero {
  position: relative;
  min-height: 680px;
  padding: clamp(38px, 6vw, 78px);
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(540px, 1.14fr);
  align-items: center;
  gap: clamp(34px, 6vw, 76px);
  border: 1px solid var(--line);
  border-radius: 34px;
  background: linear-gradient(140deg, rgba(24, 13, 42, .94), rgba(8, 5, 15, .98) 48%, rgba(14, 9, 25, .95));
  box-shadow: var(--shadow);
  overflow: hidden;
}
.hero::before {
  content: "";
  position: absolute;
  width: 46%;
  height: 100%;
  right: 0;
  top: 0;
  background: radial-gradient(circle at 55% 48%, rgba(115, 75, 255, .2), transparent 48%);
  pointer-events: none;
}
.hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--pink), var(--violet), var(--cyan), transparent);
  opacity: .8;
}
.hero-copy { position: relative; z-index: 2; }
.hero h1 { margin: 16px 0 24px; }
.hero-lead { max-width: 60ch; font-size: clamp(1rem, 1.5vw, 1.15rem); }
.action-row { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 28px; }
.button { min-height: 48px; padding: 12px 18px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; border: 1px solid transparent; border-radius: 13px; font-size: .85rem; font-weight: 850; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); }
.button.primary { color: white; background: linear-gradient(110deg, #8d41ff, #9d64ff 48%, #765dff); box-shadow: 0 16px 34px rgba(98, 54, 232, .28), inset 0 1px rgba(255,255,255,.25); }
.button.secondary { border-color: var(--line); color: #e8def3; background: rgba(255,255,255,.035); }
.button.secondary:hover { border-color: var(--line-strong); background: rgba(157,100,255,.08); }
.button.full { width: 100%; }
.trust-line { display: flex; flex-wrap: wrap; gap: 7px 18px; margin-top: 28px; color: var(--muted-2); font-size: .7rem; font-weight: 750; }
.trust-line span { display: flex; align-items: center; gap: 7px; }
.trust-line span::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 8px var(--cyan); }

.app-preview {
  position: relative;
  z-index: 2;
  min-width: 0;
  padding: 14px;
  border: 1px solid rgba(190, 132, 255, .38);
  border-radius: 25px;
  background: linear-gradient(145deg, rgba(29, 15, 49, .96), rgba(8, 5, 14, .96));
  box-shadow: 0 36px 80px rgba(0,0,0,.55), 0 0 54px rgba(128,62,245,.14);
  transform: perspective(1000px) rotateY(-2deg) rotateX(1deg);
}
.preview-topline { height: 46px; display: flex; align-items: center; justify-content: space-between; padding: 0 5px 12px; border-bottom: 1px solid rgba(190,132,255,.16); }
.preview-brand { display: flex; align-items: center; gap: 8px; font-size: .58rem; font-weight: 900; letter-spacing: .16em; }
.preview-brand img { width: 27px; height: 27px; border-radius: 7px; }
.credit-chip { padding: 6px 9px; border: 1px solid rgba(157,100,255,.34); border-radius: 999px; color: var(--violet-light); background: rgba(157,100,255,.08); font-size: .56rem; font-weight: 900; }
.preview-grid { min-height: 420px; padding-top: 12px; display: grid; grid-template-columns: .66fr 1.34fr; gap: 10px; }
.credit-panel, .mixer-panel { border: 1px solid rgba(190,132,255,.24); border-radius: 17px; background: rgba(15,8,25,.76); }
.credit-panel { padding: 18px 13px; display: flex; flex-direction: column; justify-content: center; gap: 18px; }
.mini-label { margin-bottom: 4px; color: var(--violet-light); font-size: .46rem; font-weight: 900; letter-spacing: .16em; }
.credit-panel strong { font-size: .63rem; }
.credit-panel > small { color: var(--muted-2); font-size: .45rem; text-align: center; }
.balance { padding: 13px 10px; display: flex; align-items: center; gap: 10px; border: 1px solid rgba(255,255,255,.07); border-radius: 14px; background: rgba(3,2,7,.52); }
.balance > b { color: #d9baff; font-size: 2.4rem; line-height: 1; }
.balance span { display: grid; gap: 3px; }
.balance small { color: var(--muted); font-size: .4rem; line-height: 1.2; }
.purchase-strip { padding: 10px 11px; display: flex; justify-content: space-between; border-radius: 10px; color: white; background: linear-gradient(100deg, #8d41ff, #765dff); font-size: .56rem; font-weight: 900; }
.mixer-panel { padding: 16px 14px; }
.mixer-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
.mixer-heading > span:first-child { display: grid; gap: 4px; }
.mixer-heading small { color: var(--violet-light); font-size: .45rem; font-weight: 900; letter-spacing: .14em; }
.mixer-heading strong { font-size: .85rem; }
.play-all { width: 31px; height: 31px; display: grid; place-items: center; border-radius: 50%; color: white; background: linear-gradient(145deg, #7440ff, #7d6dff); font-size: .57rem; box-shadow: 0 0 20px rgba(125,109,255,.28); }
.stem-list { display: grid; gap: 7px; }
.stem-row { min-height: 42px; padding: 7px 8px; display: grid; grid-template-columns: 24px 58px 1fr 25px; align-items: center; gap: 7px; border: 1px solid rgba(162,107,255,.22); border-radius: 10px; background: linear-gradient(90deg, rgba(111,55,204,.1), rgba(25,19,42,.55)); }
.stem-row i { width: 23px; height: 23px; display: grid; place-items: center; border-radius: 7px; color: var(--violet-light); background: rgba(157,100,255,.1); font-size: .52rem; font-style: normal; }
.stem-row b { font-size: .5rem; letter-spacing: .08em; }
.stem-row span { position: relative; height: 3px; border-radius: 999px; background: rgba(255,255,255,.09); overflow: hidden; }
.stem-row span::before { content: ""; display: block; width: 68%; height: 100%; background: linear-gradient(90deg, var(--pink), var(--violet), var(--cyan)); }
.stem-row:nth-child(2) span::before { width: 82%; }
.stem-row:nth-child(3) span::before { width: 54%; }
.stem-row:nth-child(4) span::before { width: 73%; }
.stem-row:nth-child(5) span::before { width: 62%; }
.stem-row:nth-child(6) span::before { width: 88%; }
.stem-row em { width: 23px; height: 23px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.1); border-radius: 7px; color: var(--muted); font-size: .5rem; }
.format-strip { margin-top: 12px; padding: 7px 8px; display: flex; align-items: center; justify-content: flex-end; gap: 5px; border: 1px solid rgba(255,255,255,.06); border-radius: 10px; font-size: .44rem; font-weight: 900; }
.format-strip span { padding: 4px 5px; color: var(--muted); }
.format-strip .selected { border-radius: 5px; color: white; background: rgba(157,100,255,.32); }
.format-strip b { margin-left: 5px; padding: 6px 8px; border-radius: 7px; background: linear-gradient(100deg, #8d41ff, #765dff); }
.scan-glow { position: absolute; z-index: -1; width: 72%; height: 24%; left: 14%; bottom: -10%; background: rgba(113,81,255,.28); filter: blur(35px); }

.intro-band { padding: 48px 0; display: grid; grid-template-columns: .8fr 1.2fr; gap: 60px; align-items: end; border-bottom: 1px solid rgba(190,132,255,.13); }
.intro-band h2 { margin-top: 8px; }
.intro-band > p { max-width: 67ch; font-size: 1.05rem; }

.channel-section, .journey-section, .pricing-section, .trust-section, .final-cta, .gallery-section, .interface-section, .gallery-cta, .request-panel, .deletion-steps, .removal-section, .retention-note { margin-top: 68px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 28px; }
.section-heading h2 { margin-top: 8px; }
.section-heading > p { max-width: 49ch; }
.channel-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); border-radius: 22px; overflow: hidden; box-shadow: var(--shadow); }
.channel-grid article { position: relative; min-height: 196px; padding: 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: linear-gradient(145deg, rgba(25,14,42,.88), rgba(9,6,16,.88)); }
.channel-grid article::after { content: ""; position: absolute; width: 80px; height: 80px; left: 12px; top: 15px; border-radius: 50%; background: currentColor; opacity: .06; filter: blur(22px); }
.channel-grid article > small { position: absolute; top: 24px; right: 25px; color: var(--muted-2); font-size: .66rem; letter-spacing: .12em; }
.channel-icon { width: 45px; height: 45px; margin-bottom: 28px; display: grid; place-items: center; border: 1px solid currentColor; border-radius: 13px; font-size: 1rem; background: rgba(255,255,255,.025); box-shadow: 0 0 24px color-mix(in srgb, currentColor 24%, transparent); }
.channel-icon.pink, .channel-icon.rose, .channel-icon.violet, .channel-icon.blue, .channel-icon.cyan, .channel-icon.mint { color: var(--violet-light); }
.channel-grid h3 { margin-bottom: 8px; }.channel-grid p { font-size: .88rem; }

.journey-section { padding: clamp(32px, 5vw, 66px); display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(42px, 7vw, 100px); border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(140deg, rgba(26,15,43,.82), rgba(8,5,14,.9)); box-shadow: var(--shadow); }
.journey-copy { align-self: start; position: sticky; top: 110px; }
.journey-copy h2 { margin: 12px 0 18px; }
.text-link { display: inline-flex; gap: 9px; margin-top: 26px; color: var(--cyan); font-size: .85rem; font-weight: 850; }
.journey-list { margin: 0; padding: 0; list-style: none; }
.journey-list li { padding: 25px 0; display: grid; grid-template-columns: 54px 1fr; gap: 15px; border-bottom: 1px solid rgba(190,132,255,.17); }
.journey-list li:first-child { padding-top: 0; }.journey-list li:last-child { padding-bottom: 0; border: 0; }
.journey-list li > span { color: var(--violet-light); font-size: .72rem; font-weight: 900; letter-spacing: .14em; }
.journey-list h3 { margin-bottom: 7px; }.journey-list p { font-size: .9rem; }

.pricing-section { display: grid; grid-template-columns: .8fr 1.2fr; gap: 24px; }
.price-card, .pricing-copy { border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
.price-card { padding: clamp(28px, 5vw, 58px); background: linear-gradient(150deg, rgba(31,16,51,.95), rgba(9,6,15,.96)); }
.price { margin: 12px 0 0; display: flex; align-items: flex-start; color: white; }
.price span { margin-top: 20px; color: var(--violet-light); font-size: 1.4rem; font-weight: 900; }.price strong { font-size: 6rem; line-height: .9; letter-spacing: -.07em; }.price sup { margin-top: 10px; font-size: 1.3rem; font-weight: 900; }
.price-card h2 { margin: 20px 0 10px; font-size: clamp(1.7rem, 3vw, 2.6rem); }.price-card .button { margin: 28px 0 12px; }.price-card .button + .button { margin-top: 0; }.price-card > small { display: block; color: var(--muted-2); font-size: .7rem; text-align: center; }
.pricing-copy { padding: clamp(32px, 6vw, 72px); background: radial-gradient(circle at 92% 14%, rgba(138,92,255,.16), transparent 40%), linear-gradient(145deg, rgba(16,10,28,.9), rgba(8,5,14,.94)); }
.pricing-copy h2 { max-width: 16ch; margin: 12px 0 30px; }
.check-list { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.check-list p { padding: 15px; display: flex; align-items: center; gap: 11px; border: 1px solid rgba(190,132,255,.18); border-radius: 13px; background: rgba(255,255,255,.025); color: #d9d0e4; font-size: .83rem; }
.check-list span { flex: 0 0 25px; width: 25px; height: 25px; display: grid; place-items: center; border-radius: 50%; color: #06130e; background: var(--mint); font-weight: 900; }

.trust-section { padding: clamp(30px, 5vw, 58px); display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 50px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(120deg, rgba(21,12,35,.9), rgba(7,5,12,.92)); }
.trust-section h2 { margin: 12px 0 16px; }.trust-section > div:first-child p:last-child { max-width: 65ch; }
.trust-actions { display: grid; gap: 10px; }
.trust-actions a { padding: 17px 18px; display: grid; gap: 3px; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.025); transition: border-color .2s ease, transform .2s ease; }
.trust-actions a:hover { border-color: var(--line-strong); transform: translateX(3px); }.trust-actions span { color: var(--muted); font-size: .68rem; text-transform: uppercase; letter-spacing: .13em; }.trust-actions b { font-size: .86rem; }
.final-cta { margin-bottom: 70px; padding: 26px 30px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px; border: 1px solid rgba(157,100,255,.26); border-radius: var(--radius); background: linear-gradient(100deg, rgba(19,12,33,.95), rgba(11,9,26,.95)); box-shadow: var(--shadow); }
.final-cta img { width: 80px; height: 80px; border-radius: 20px; box-shadow: 0 0 36px rgba(111,91,255,.23); }.final-cta h2 { margin: 4px 0; font-size: clamp(1.6rem, 3vw, 2.5rem); }

.subpage-main { padding-top: 0; }
.page-hero { min-height: 470px; padding: clamp(40px, 7vw, 82px); display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 50px; border: 1px solid var(--line); border-radius: 0 0 34px 34px; border-top: 0; background: radial-gradient(circle at 84% 36%, rgba(115,75,255,.2), transparent 32%), linear-gradient(135deg, rgba(27,15,45,.93), rgba(7,5,13,.96)); box-shadow: var(--shadow); }
.page-hero h1 { margin: 14px 0 20px; font-size: clamp(3.2rem, 6.5vw, 6rem); }.page-hero > div:first-child > p:last-child { max-width: 64ch; font-size: 1.04rem; }
.page-hero-mark { justify-self: end; display: grid; justify-items: center; gap: 15px; color: var(--muted); font-size: .62rem; font-weight: 900; letter-spacing: .25em; }
.page-hero-mark img { width: min(260px, 28vw); border-radius: 28px; box-shadow: 0 0 70px rgba(107,82,255,.2); }

.device-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(24px, 6vw, 80px); align-items: start; }
.device-card { margin: 0; padding: clamp(24px, 4vw, 44px); display: grid; grid-template-columns: minmax(220px, 320px) 1fr; align-items: center; gap: clamp(24px, 4vw, 50px); border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(24,14,40,.88), rgba(8,5,14,.94)); box-shadow: var(--shadow); }
.device-gallery .device-card:nth-child(2) { margin-top: 54px; }
.device-frame { position: relative; padding: 9px; border: 1px solid rgba(255,255,255,.16); border-radius: 28px; background: #05030a; box-shadow: 0 20px 60px rgba(0,0,0,.55), 0 0 34px rgba(126,75,255,.16); }
.device-frame::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 2px rgba(255,255,255,.03); pointer-events: none; }.device-speaker { position: absolute; z-index: 2; top: 15px; left: 50%; width: 46px; height: 5px; border-radius: 99px; background: #17131d; transform: translateX(-50%); }.device-frame img { width: 100%; display: block; border-radius: 20px; }
.device-card figcaption span { color: var(--cyan); font-size: .65rem; font-weight: 900; letter-spacing: .16em; }.device-card figcaption h3 { margin: 11px 0 10px; font-size: 1.45rem; }.device-card figcaption p { font-size: .9rem; }
.interface-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); border-radius: 22px; overflow: hidden; box-shadow: var(--shadow); }
.interface-grid article { position: relative; min-height: 178px; padding: 22px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: linear-gradient(145deg, rgba(24,14,40,.86), rgba(8,5,14,.92)); }
.interface-grid article::after, .deletion-steps li::after, .removal-grid article::after { content: ""; position: absolute; z-index: 0; width: 76px; height: 76px; left: 9px; top: 9px; border-radius: 50%; background: rgba(183, 124, 255, .13); filter: blur(22px); pointer-events: none; }
.interface-grid h3 { position: relative; z-index: 1; margin: 22px 0 8px; }.interface-grid p { position: relative; z-index: 1; font-size: .83rem; }
.tile-top { position: relative; z-index: 1; display: flex; align-items: flex-start; justify-content: space-between; }
.tile-top small { color: var(--muted-2); font-size: .62rem; font-weight: 800; letter-spacing: .12em; }
.tile-icon { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--violet-light); border-radius: 11px; color: var(--violet-light); background: rgba(157,100,255,.08); box-shadow: 0 0 22px rgba(157,100,255,.2), inset 0 0 12px rgba(157,100,255,.05); font-size: .72rem; font-weight: 900; }
.gallery-cta { margin-bottom: 70px; padding: clamp(30px, 5vw, 55px); display: flex; justify-content: space-between; align-items: center; gap: 30px; border: 1px solid var(--line); border-radius: var(--radius); background: radial-gradient(circle at 82% 40%, rgba(138,92,255,.15), transparent 30%), linear-gradient(130deg, rgba(26,15,43,.9), rgba(8,5,14,.96)); }.gallery-cta h2 { margin: 8px 0; }

.legal-layout { padding-bottom: 70px; }
.legal-hero { min-height: 410px; }
.legal-status { justify-self: end; width: min(100%, 360px); padding: 25px; display: grid; gap: 8px; border: 1px solid var(--line); border-radius: 18px; background: rgba(7,5,13,.66); }.legal-status > span, .request-address > span { color: var(--mint); font-size: .62rem; font-weight: 900; letter-spacing: .16em; }.legal-status strong { font-size: 1.2rem; }.legal-status small { color: var(--muted); }
.legal-grid { width: min(calc(100% - 40px), var(--max)); margin: 45px auto 0; display: grid; grid-template-columns: 310px 1fr; gap: 22px; align-items: start; }
.legal-grid .section-frame { width: 100%; margin: 0; }
.legal-aside, .legal-copy { border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(23,13,38,.88), rgba(8,5,14,.92)); box-shadow: var(--shadow); }
.legal-aside { position: sticky; top: 100px; padding: 25px; }.legal-aside h2 { margin: 9px 0 22px; font-size: 1.6rem; }.legal-aside dl { margin: 0 0 24px; }.legal-aside dl div { padding: 13px 0; border-top: 1px solid rgba(190,132,255,.15); }.legal-aside dt { color: var(--muted-2); font-size: .65rem; text-transform: uppercase; letter-spacing: .12em; }.legal-aside dd { margin: 4px 0 0; color: #e7ddef; font-size: .82rem; overflow-wrap: anywhere; }.legal-aside dd a, .legal-copy a { color: var(--cyan); }
.legal-copy { padding: clamp(28px, 5vw, 60px); }.legal-copy section { position: relative; padding: 0 0 34px 62px; margin-bottom: 34px; border-bottom: 1px solid rgba(190,132,255,.16); }.legal-copy section:last-child { margin: 0; padding-bottom: 0; border: 0; }.legal-copy .section-number { position: absolute; top: 0; left: 0; width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid var(--line-strong); border-radius: 11px; color: var(--violet-light); background: rgba(157,100,255,.08); box-shadow: 0 0 20px rgba(157,100,255,.15); font-size: .62rem; font-weight: 900; letter-spacing: .08em; }.legal-copy h2 { margin-bottom: 13px; font-size: clamp(1.45rem, 2.6vw, 2.15rem); }.legal-copy p + p { margin-top: 14px; }.legal-copy ul { margin: 0; padding-left: 20px; color: var(--muted); }.legal-copy li { margin: 8px 0; padding-left: 4px; }.legal-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }

.deletion-page { padding-bottom: 70px; }
.deletion-hero { min-height: 420px; }
.delete-symbol { justify-self: end; width: min(280px, 28vw); aspect-ratio: 1; display: grid; place-items: center; align-content: center; gap: 10px; border: 1px solid var(--line); border-radius: 50%; background: radial-gradient(circle, rgba(157,100,255,.18), rgba(6,4,11,.8) 65%); box-shadow: 0 0 70px rgba(107,82,255,.16); }.delete-symbol span { font-size: clamp(4rem, 10vw, 8rem); font-weight: 200; line-height: .7; color: var(--violet-light); }.delete-symbol small { color: var(--muted); font-size: .62rem; font-weight: 900; letter-spacing: .2em; }
.request-panel { padding: clamp(30px, 5vw, 58px); display: grid; grid-template-columns: 1.2fr .8fr; align-items: center; gap: 60px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(140deg, rgba(25,14,42,.9), rgba(8,5,14,.94)); box-shadow: var(--shadow); }.request-copy h2 { margin: 10px 0 16px; }.request-copy > small { display: block; margin-top: 14px; color: var(--muted-2); }.request-address { padding: 26px; display: grid; gap: 8px; border: 1px solid rgba(157,100,255,.25); border-radius: 18px; background: rgba(157,100,255,.055); }.request-address a { color: var(--violet-light); font-size: clamp(.95rem, 2vw, 1.35rem); font-weight: 850; overflow-wrap: anywhere; }.request-address small { color: var(--muted); }
.deletion-steps { padding: clamp(30px, 5vw, 52px); border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(145deg, rgba(22,13,37,.86), rgba(7,5,13,.93)); }.deletion-steps ol { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); border-radius: 18px; overflow: hidden; list-style: none; }.deletion-steps li { position: relative; min-height: 188px; padding: 22px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: linear-gradient(145deg, rgba(24,14,40,.82), rgba(8,5,14,.9)); }.deletion-steps h3 { position: relative; z-index: 1; margin: 22px 0 8px; }.deletion-steps p { position: relative; z-index: 1; font-size: .83rem; }
.removal-section { display: grid; grid-template-columns: .7fr 1.3fr; gap: 48px; align-items: start; }.removal-section > div:first-child h2 { margin: 9px 0 14px; }.removal-grid { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line); border-left: 1px solid var(--line); border-radius: 18px; overflow: hidden; box-shadow: var(--shadow); }.removal-grid article { position: relative; min-height: 166px; padding: 20px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: linear-gradient(145deg, rgba(24,14,40,.82), rgba(8,5,14,.9)); }.removal-grid h3 { position: relative; z-index: 1; margin: 20px 0 6px; }.removal-grid p { position: relative; z-index: 1; font-size: .8rem; }
.retention-note { margin-bottom: 0; padding: 24px 28px; display: flex; align-items: flex-start; gap: 18px; border: 1px solid rgba(157,100,255,.24); border-radius: 18px; background: rgba(157,100,255,.045); }.note-icon { flex: 0 0 33px; width: 33px; height: 33px; display: grid; place-items: center; border: 1px solid rgba(157,100,255,.4); border-radius: 50%; color: var(--violet-light); font-weight: 900; }.retention-note h2 { margin-bottom: 7px; font-size: 1.2rem; }.retention-note p { font-size: .86rem; }

.site-footer { width: min(calc(100% - 40px), var(--max)); min-height: 150px; margin: 20px auto 0; padding: 34px 0; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 32px; border-top: 1px solid rgba(190,132,255,.16); }
.footer-brand img { width: 42px; height: 42px; border-radius: 11px; }.footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }.footer-links a, .footer-meta { color: var(--muted); font-size: .74rem; }.footer-links a:hover, .footer-meta a:hover { color: white; }.footer-meta { display: grid; justify-items: end; gap: 5px; }.footer-meta a { color: var(--cyan); }

@media (max-width: 1120px) {
  .hero { grid-template-columns: 1fr; }.hero-copy { max-width: 760px; }.app-preview { max-width: 760px; transform: none; }.channel-grid { grid-template-columns: repeat(2, 1fr); }
  .device-gallery { grid-template-columns: 1fr; }.device-card { grid-template-columns: minmax(220px, 310px) 1fr; }.device-gallery .device-card:nth-child(2) { margin-top: 0; }.interface-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 860px) {
  .header-inner { padding: 12px 0; align-items: flex-start; }.site-nav { max-width: 64%; flex-wrap: wrap; justify-content: flex-end; }.site-nav a { padding: 7px 9px; }
  .intro-band, .journey-section, .pricing-section, .trust-section, .legal-grid, .request-panel, .removal-section { grid-template-columns: 1fr; }.journey-copy, .legal-aside { position: static; }.pricing-section { gap: 14px; }.trust-section { gap: 25px; }.check-list { grid-template-columns: 1fr; }
  .page-hero { grid-template-columns: 1fr .45fr; }.legal-grid { display: grid; }.legal-aside { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 24px; }.legal-aside .button { align-self: end; }.deletion-steps ol { grid-template-columns: 1fr; }.deletion-steps li { min-height: 165px; }
  .site-footer { grid-template-columns: 1fr 1fr; }.footer-links { justify-content: flex-end; }.footer-meta { grid-column: span 2; grid-template-columns: 1fr auto; justify-items: start; }.footer-meta span { justify-self: end; }
}

@media (max-width: 650px) {
  :root { --radius: 20px; }.header-inner, .section-frame, .legal-grid, .site-footer { width: min(calc(100% - 24px), var(--max)); }
  .site-header { position: relative; }.header-inner { display: grid; }.site-nav { max-width: none; justify-content: flex-start; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 2px; }.site-nav a { flex: 0 0 auto; font-size: .72rem; }.site-nav a.nav-cta { margin-left: 0; }
  main { padding-top: 0; }.hero { min-height: 0; margin-top: 12px; padding: 28px 20px; border-radius: 24px; gap: 32px; }.hero h1, .page-hero h1 { font-size: clamp(2.8rem, 15vw, 4.3rem); }.hero-lead { font-size: .96rem; }.button { width: 100%; }.trust-line { display: grid; }
  .app-preview { margin: 0 -9px; padding: 9px; border-radius: 18px; }.preview-grid { min-height: 360px; grid-template-columns: 1fr; }.credit-panel { display: none; }.mixer-panel { padding: 13px 10px; }.stem-row { min-height: 38px; grid-template-columns: 23px 52px 1fr 23px; }.format-strip { font-size: .4rem; }
  .intro-band { padding: 35px 0; gap: 18px; }.channel-section, .journey-section, .pricing-section, .trust-section, .final-cta, .gallery-section, .interface-section, .gallery-cta, .request-panel, .deletion-steps, .removal-section, .retention-note { margin-top: 46px; }.section-heading { display: grid; gap: 14px; }.channel-grid, .interface-grid { grid-template-columns: 1fr; }.channel-grid article { min-height: 174px; }.journey-section, .price-card, .pricing-copy, .trust-section, .request-panel, .deletion-steps { padding: 27px 20px; }.journey-list li { grid-template-columns: 42px 1fr; }
  .final-cta { padding: 24px 20px; grid-template-columns: auto 1fr; }.final-cta img { width: 58px; height: 58px; border-radius: 15px; }.final-cta .button { grid-column: span 2; }.page-hero { width: 100%; min-height: 0; padding: 42px 20px; grid-template-columns: 1fr; border-radius: 0 0 24px 24px; }.page-hero-mark, .legal-status, .delete-symbol { justify-self: start; }.page-hero-mark { grid-template-columns: auto 1fr; align-items: center; justify-items: start; }.page-hero-mark img { width: 84px; border-radius: 18px; }.device-card { padding: 22px 18px; grid-template-columns: 1fr; }.device-frame { max-width: 300px; margin: 0 auto; }.device-card figcaption { text-align: center; }.gallery-cta { padding: 27px 20px; display: grid; }
  .legal-aside { display: block; }.legal-copy { padding: 28px 20px; }.legal-copy section { padding-left: 0; }.legal-copy .section-number { position: static; margin-bottom: 9px; }.legal-actions .button { width: 100%; }.delete-symbol { width: 130px; }.request-panel { gap: 30px; }.removal-grid { grid-template-columns: 1fr; }.retention-note { padding: 20px; }
  .site-footer { min-height: 0; grid-template-columns: 1fr; }.footer-links { justify-content: flex-start; }.footer-meta { grid-column: auto; display: grid; grid-template-columns: 1fr; justify-items: start; }.footer-meta span { justify-self: start; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}

@media (max-width: 650px) {
  body { min-width: 0; }
  .header-inner, .site-nav, .page-hero > div { min-width: 0; }
  .site-nav { flex-wrap: wrap; overflow-x: visible; }
  .site-nav a { min-height: 44px; display: inline-flex; align-items: center; }
  .deletion-hero h1 { font-size: clamp(2rem, 9.4vw, 3.8rem); overflow-wrap: anywhere; }
}

/* A real fallback link remains usable even if scripts or history are unavailable. */
.legal-back {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  width: fit-content; max-width: 100%; min-height: 44px; padding: 8px 14px;
  border: 1px solid rgba(190, 132, 255, .3); border-radius: 12px;
  background: rgba(157, 100, 255, .1); color: #e9dcff;
  font-size: .78rem; font-weight: 700; line-height: 1.35; text-decoration: none;
}
.legal-back:hover { background: rgba(157, 100, 255, .2); color: #fff; }
.legal-back:focus-visible { outline: 2px solid #c799ff; outline-offset: 4px; }

@media (min-width: 651px) {
  .legal-page .header-inner { flex-wrap: wrap; }
  .legal-page .legal-back { margin-left: auto; }
}
@media (max-width: 650px) {
  .legal-page .header-inner { gap: 12px; }
  .legal-page .legal-back { grid-row: 2; }
  .legal-page .page-hero, .legal-page .legal-grid,
  .legal-page .section-frame, .legal-page .site-footer { min-width: 0; }
  .legal-page .page-hero > *, .legal-page .legal-grid > *,
  .legal-page .request-panel > *, .legal-page .retention-note > * { min-width: 0; }
  .legal-page h1 {
    max-width: 100%; font-size: clamp(1.85rem, 8.4vw, 2.3rem);
    line-height: 1.08; overflow-wrap: anywhere; text-wrap: balance;
  }
  .legal-page h2, .legal-page p, .legal-page li, .legal-page a { overflow-wrap: anywhere; }
  .legal-page .eyebrow { flex-wrap: wrap; letter-spacing: .15em; }
}