:root {
  color-scheme: dark;
  --ink: #070809;
  --ink-soft: #101214;
  --paper: #f4f2ec;
  --paper-soft: #b8bbc1;
  --line: #2b2e32;
  --line-strong: #484c52;
  --focus: #8cb5ff;
  --good: #54cf87;
  --fixation: #e0555c;
  --content: 720px;
  --shell: 1120px;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { background: var(--ink); scroll-behavior: smooth; }
body { margin:0; min-width:280px; background:radial-gradient(circle at 72% -20%, rgba(255,255,255,.055), transparent 38rem),var(--ink); color:var(--paper); font-size:17px; line-height:1.7; text-rendering:optimizeLegibility; }
a { color:inherit; text-underline-offset:.22em; }
a:hover { color:#fff; }
a:focus-visible,button:focus-visible,textarea:focus-visible { outline:3px solid var(--focus); outline-offset:4px; border-radius:3px; }
button,textarea { font:inherit; }
.skip-link { position:fixed; z-index:10; inset:10px auto auto 10px; translate:0 -160%; padding:9px 13px; border:1px solid var(--focus); background:var(--paper); color:var(--ink); font-weight:750; }
.skip-link:focus { translate:0; }
.site-header,.site-footer,.hero,.legal-layout,.exit-survey,.exit-next { width:min(calc(100% - 40px),var(--shell)); margin-inline:auto; }
.site-header { min-height:88px; display:flex; align-items:center; justify-content:space-between; gap:24px; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:12px; color:var(--paper); font-size:21px; font-weight:820; letter-spacing:-.035em; text-decoration:none; }
.brand img { width:38px; height:38px; border-radius:10px; box-shadow:0 9px 28px rgba(0,0,0,.36); }
.site-nav { display:flex; align-items:center; gap:4px; }
.site-nav a { min-height:44px; display:grid; place-items:center; padding:0 14px; border-bottom:2px solid transparent; color:var(--paper-soft); font-size:14px; font-weight:700; text-decoration:none; }
.site-nav a:hover { color:var(--paper); border-color:var(--line-strong); }
.site-nav a[aria-current="page"] { color:var(--paper); border-color:var(--focus); }
.hero { position:relative; min-height:290px; display:grid; align-content:center; overflow:hidden; border-bottom:1px solid var(--line); }
.hero::before { content:""; position:absolute; width:min(58vw,720px); aspect-ratio:1.85; right:-8%; bottom:-36%; opacity:.32; background:repeating-radial-gradient(ellipse at 75% 72%,transparent 0 24px,#b7bdc3 25px 26px); transform:rotate(-5deg); pointer-events:none; }
.hero::after { content:""; position:absolute; inset:auto 0 0; height:3px; background:linear-gradient(90deg,#4bd7d4 0 14%,#79aaff 28%,#d5d5d2 48%,#ffd66b 68%,#e85b61 82%,transparent 82%); }
.hero-copy { position:relative; z-index:1; max-width:760px; padding:66px 0 70px; }
.eyebrow,.meta,.toc-title { color:var(--paper-soft); font:750 12px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing:.12em; text-transform:uppercase; }
.hero h1 { max-width:790px; margin:14px 0; font-size:clamp(42px,7vw,82px); line-height:.98; letter-spacing:-.064em; }
.hero p { max-width:650px; margin:0; color:var(--paper-soft); font-size:clamp(17px,2.1vw,22px); }
.legal-layout { display:grid; grid-template-columns:220px minmax(0,var(--content)); justify-content:space-between; gap:64px; padding:64px 0 110px; }
.toc { align-self:start; position:sticky; top:24px; }
.toc ul { list-style:none; margin:16px 0 0; padding:0; border-top:1px solid var(--line); }
.toc li { border-bottom:1px solid var(--line); }
.toc a { display:block; padding:11px 2px; color:var(--paper-soft); font-size:13px; text-decoration:none; }
.toc a:hover { color:var(--paper); }
.legal-content { min-width:0; }
.legal-content section { scroll-margin-top:24px; padding:0 0 42px; margin:0 0 42px; border-bottom:1px solid var(--line); }
.legal-content section:last-child { margin-bottom:0; }
.legal-content h2 { margin:0 0 18px; font-size:clamp(25px,3vw,34px); line-height:1.16; letter-spacing:-.035em; }
.legal-content h3 { margin:26px 0 8px; font-size:18px; }
.legal-content p { margin:0 0 16px; color:#d8d8d5; }
.legal-content li { margin:7px 0; color:#d8d8d5; }
.legal-content strong { color:var(--paper); }
.legal-content code { font:.86em/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; }
.notice { margin:24px 0; padding:18px 20px; border:1px solid var(--line-strong); border-left:3px solid var(--focus); background:linear-gradient(90deg,rgba(140,181,255,.08),transparent 72%); color:var(--paper); }
.contact-line { display:flex; flex-wrap:wrap; gap:8px 18px; align-items:center; }
.contact-line a { color:var(--focus); font-weight:720; }
.route-list { margin-top:36px; border-top:1px solid var(--line); }
.route-link { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:24px; padding:24px 4px; border-bottom:1px solid var(--line); text-decoration:none; }
.route-link strong { display:block; font-size:22px; letter-spacing:-.025em; }
.route-link span { display:block; color:var(--paper-soft); font-size:14px; }
.route-link b { color:var(--focus); font:800 18px ui-monospace,monospace; }
.site-footer { min-height:118px; display:flex; justify-content:space-between; align-items:center; gap:20px; border-top:1px solid var(--line); color:var(--paper-soft); font-size:13px; }
.footer-mark { display:flex; align-items:center; gap:9px; color:var(--paper); font-weight:760; }
.footer-mark::before { content:""; width:3px; height:18px; background:var(--fixation); }

/* Uninstall survey */
.uninstall-hero { min-height:270px; }
.exit-survey { padding:64px 0 72px; border-bottom:1px solid var(--line); }
.survey-intro { max-width:760px; margin-bottom:30px; }
.survey-intro h2,.exit-next h2 { margin:10px 0 12px; font-size:clamp(30px,4vw,48px); line-height:1.04; letter-spacing:-.045em; }
.survey-intro p,.exit-next p { max-width:760px; margin:0; color:var(--paper-soft); }
.reason-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:0; margin:0; border:0; }
.reason-card { width:100%; min-height:118px; display:grid; grid-template-columns:58px minmax(0,1fr); align-items:center; gap:16px; padding:18px; border:1px solid var(--line); border-radius:6px; background:linear-gradient(145deg,rgba(255,255,255,.028),rgba(255,255,255,.008)); color:var(--paper); text-align:left; cursor:pointer; transition:border-color .16s ease,background .16s ease,transform .16s ease; }
.reason-card:hover { border-color:var(--line-strong); transform:translateY(-1px); }
.reason-card.selected { border-color:var(--focus); background:linear-gradient(145deg,rgba(140,181,255,.11),rgba(140,181,255,.025)); box-shadow:inset 3px 0 0 var(--focus); }
.reason-card-other { grid-column:1/-1; min-height:90px; }
.reason-icon { width:52px; height:52px; display:grid; place-items:center; border:1px solid var(--line-strong); border-radius:5px 14px 5px 5px; background:#0b0d0f; color:var(--paper); font:800 12px/1 ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:-.03em; }
.reason-card strong { display:block; font-size:18px; line-height:1.2; letter-spacing:-.02em; }
.reason-card small { display:block; margin-top:6px; color:var(--paper-soft); font-size:13px; line-height:1.45; }
.survey-hint { margin:14px 0 0; color:var(--paper-soft); font-size:13px; }
.followup-panel { margin-top:28px; padding:26px; border:1px solid var(--line-strong); border-radius:6px; background:linear-gradient(145deg,rgba(140,181,255,.065),rgba(255,255,255,.01)); }
.followup-head { display:flex; justify-content:space-between; gap:24px; align-items:start; }
.followup-head h3 { margin:7px 0 0; font-size:25px; line-height:1.15; letter-spacing:-.03em; }
.text-button { border:0; background:transparent; color:var(--focus); font-weight:700; cursor:pointer; }
.subreason-grid { display:flex; flex-wrap:wrap; gap:8px; margin-top:22px; }
.subreason-chip { min-height:38px; padding:0 12px; border:1px solid var(--line); border-radius:4px; background:var(--ink-soft); color:var(--paper-soft); cursor:pointer; font-size:13px; }
.subreason-chip:hover { border-color:var(--line-strong); color:var(--paper); }
.subreason-chip.selected { border-color:var(--focus); color:var(--paper); background:rgba(140,181,255,.11); }
.comment-field { display:grid; gap:8px; margin-top:24px; color:var(--paper); font-weight:720; }
.comment-field textarea { width:100%; resize:vertical; min-height:110px; padding:13px 14px; border:1px solid var(--line-strong); border-radius:4px; background:#090b0d; color:var(--paper); line-height:1.5; }
.comment-field small { justify-self:end; color:var(--paper-soft); font:650 11px/1 ui-monospace,SFMono-Regular,Menlo,monospace; }
.survey-submit-row { min-height:70px; display:flex; align-items:center; flex-wrap:wrap; gap:16px; margin-top:24px; }
.site-button { min-height:46px; padding:0 18px; display:inline-grid; place-items:center; border:1px solid var(--paper); border-radius:3px; background:var(--paper); color:var(--ink); text-decoration:none; font-weight:800; cursor:pointer; }
.site-button:disabled { opacity:.38; cursor:not-allowed; }
.survey-status { color:var(--paper-soft); font-size:13px; }
.survey-thanks { margin-top:24px; display:flex; align-items:center; gap:16px; padding:22px 24px; border:1px solid rgba(84,207,135,.45); background:rgba(84,207,135,.06); }
.survey-thanks[hidden] { display:none; }
.thanks-mark { width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--good); border-radius:50%; color:var(--good); font-weight:900; }
.survey-thanks strong { display:block; font-size:20px; }
.survey-thanks p { margin:3px 0 0; color:var(--paper-soft); }
.exit-next { padding:58px 0 90px; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:48px; align-items:end; }
.exit-links { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:14px; }
.exit-links>a:not(.site-button) { color:var(--focus); font-weight:720; }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

@media (max-width:760px) {
  body { font-size:16px; }
  .site-header { min-height:74px; align-items:flex-start; padding:14px 0 12px; }
  .brand img { width:34px; height:34px; border-radius:9px; }
  .brand { font-size:19px; }
  .site-nav { flex-wrap:wrap; justify-content:flex-end; }
  .site-nav a { min-height:36px; padding:0 8px; font-size:12px; }
  .hero { min-height:240px; }
  .hero-copy { padding:48px 0 54px; }
  .hero h1 { font-size:clamp(38px,13vw,60px); }
  .hero::before { width:96vw; right:-35%; bottom:-12%; opacity:.2; }
  .legal-layout { display:block; padding:44px 0 78px; }
  .toc { position:static; margin:0 0 42px; }
  .toc ul { display:grid; grid-template-columns:1fr 1fr; }
  .toc li:nth-child(odd) { border-right:1px solid var(--line); }
  .toc a { padding:11px 10px 11px 0; }
  .site-footer { min-height:100px; align-items:flex-start; flex-direction:column; justify-content:center; }
  .reason-grid { grid-template-columns:1fr; }
  .reason-card-other { grid-column:auto; }
  .exit-next { grid-template-columns:1fr; align-items:start; }
  .exit-links { justify-content:flex-start; }
}
@media (max-width:430px) {
  .site-header,.site-footer,.hero,.legal-layout,.exit-survey,.exit-next { width:min(calc(100% - 28px),var(--shell)); }
  .site-header { display:grid; grid-template-columns:1fr; gap:8px; }
  .site-nav { justify-content:flex-start; margin-left:-8px; }
  .hero h1 { letter-spacing:-.05em; }
  .toc ul { display:block; }
  .toc li:nth-child(odd) { border-right:0; }
  .route-link { grid-template-columns:1fr auto; gap:12px; }
  .reason-card { grid-template-columns:44px minmax(0,1fr); min-height:104px; padding:15px; }
  .reason-icon { width:40px; height:40px; }
  .followup-panel { padding:19px; }
  .followup-head { display:block; }
  .followup-head .text-button { margin-top:10px; padding:0; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .reason-card { transition:none; } }
@media print {
  :root { color-scheme:light; }
  body { background:#fff; color:#111; font-size:11pt; }
  .site-header,.toc,.site-footer,.hero::before,.hero::after { display:none; }
  .hero,.legal-layout { width:100%; display:block; border:0; }
  .hero { min-height:0; }
  .hero-copy { padding:0 0 24px; }
  .hero h1 { color:#111; font-size:32pt; }
  .hero p,.legal-content p,.legal-content li,.meta { color:#333; }
  .legal-content section { break-inside:avoid; border-color:#ccc; }
}