/* Issue #664 — direct, calm account-deletion request flow. */

body.deletion-preview{
  --delete-ink:#17131D;
  --delete-paper:#FBF9FC;
  --delete-lime:#D7FF5F;
  --delete-people:#7FE34A;
  --delete-property:#38BDF8;
  --delete-solo:#CFC3E6;
  color:var(--delete-ink);
  background:
    radial-gradient(circle at 7% 6%,rgba(215,255,95,.25),transparent 24rem),
    radial-gradient(circle at 91% 16%,rgba(56,189,248,.15),transparent 28rem),
    linear-gradient(90deg,rgba(23,19,29,.035) 1px,transparent 1px),
    linear-gradient(rgba(23,19,29,.035) 1px,transparent 1px),
    var(--delete-paper);
  background-size:auto,auto,28px 28px,28px 28px,auto;
}
body.deletion-preview [hidden]{display:none!important}
body.deletion-preview [id]{scroll-margin-top:94px}

body.deletion-preview nav{
  color:#FFF;
  background:
    radial-gradient(circle at 10% -55%,rgba(127,227,74,.14),transparent 24rem),
    radial-gradient(circle at 80% -75%,rgba(56,189,248,.16),transparent 28rem),
    linear-gradient(108deg,#17131D 0%,#101827 62%,#10221E 100%);
  border-bottom:3px solid transparent;
  border-image:linear-gradient(90deg,var(--delete-lime),var(--delete-property),#A78BFA) 1;
  box-shadow:0 7px 0 rgba(23,19,29,.11);
}
body.deletion-preview .brand{color:#FFF}
body.deletion-preview .brand img{border-radius:50%}
body.deletion-preview .nav-links a{color:rgba(255,255,255,.72)}
body.deletion-preview .nav-links a:hover{background:var(--delete-lime);color:var(--delete-ink)}

body.deletion-preview .deletion-page{width:min(1180px,100%);padding:142px 28px 104px}
body.deletion-preview .deletion-hero{max-width:none}
body.deletion-preview .eyebrow,
body.deletion-preview .section-kicker,
body.deletion-preview .card-label{
  font-family:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;
}
body.deletion-preview .eyebrow{display:inline-block;margin-bottom:24px;padding:7px 10px;border:2px solid var(--delete-ink);background:var(--delete-property);color:var(--delete-ink);box-shadow:4px 4px 0 var(--delete-ink)}
body.deletion-preview .deletion-hero h1{
  max-width:900px;color:var(--delete-ink);font-family:'Archivo Black','DM Sans',sans-serif;
  font-size:clamp(57px,7.2vw,96px);font-weight:400;line-height:.9;letter-spacing:-.06em;text-transform:uppercase;
}
body.deletion-preview .deletion-hero h1 em{display:inline-block;margin-top:8px;padding:3px 10px 8px;border:3px solid var(--delete-ink);background:var(--delete-lime);color:var(--delete-ink);box-shadow:7px 7px 0 var(--delete-ink);font-style:normal;line-height:.91;transform:rotate(-.25deg)}
body.deletion-preview .intro{max-width:690px;margin-top:30px;color:rgba(23,19,29,.72);font-size:clamp(18px,1.8vw,21px);font-weight:650;line-height:1.5}

body.deletion-preview .action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:52px}
body.deletion-preview .action-card{min-height:340px;display:flex;flex-direction:column;padding:30px;border:3px solid var(--delete-ink);border-radius:2px;background:#FFF;box-shadow:7px 7px 0 var(--delete-ink);color:var(--delete-ink)}
body.deletion-preview .action-card.in-app{border-top:3px solid var(--delete-ink);background:rgba(215,255,95,.52)}
body.deletion-preview .action-card.support{border-top:3px solid var(--delete-ink);background:rgba(56,189,248,.30)}
body.deletion-preview .action-card .card-label{color:#126B94}
body.deletion-preview .action-card.in-app .card-label{color:#526B18}
body.deletion-preview .action-card h2{max-width:470px;margin:auto 0 0;padding-top:50px;color:var(--delete-ink);font-family:'Archivo Black','DM Sans',sans-serif;font-size:clamp(39px,4.4vw,58px);font-weight:400;line-height:.94;letter-spacing:-.055em;text-transform:uppercase}
body.deletion-preview .action-card>p{max-width:560px;margin-top:20px;color:rgba(23,19,29,.72);font-size:15px;font-weight:600;line-height:1.65}
body.deletion-preview .action-card strong{color:var(--delete-ink)}
body.deletion-preview .deletion-button,
body.deletion-preview .step-next,
body.deletion-preview .form-submit,
body.deletion-preview .request-fallback button{
  min-height:52px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--delete-ink);border-radius:9px;padding:11px 18px;
  background:var(--delete-lime);color:var(--delete-ink);box-shadow:4px 4px 0 var(--delete-ink);font:800 14px/1 'DM Sans',sans-serif;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease;
}
body.deletion-preview .deletion-button{width:max-content;margin-top:26px}
body.deletion-preview .deletion-button:hover,
body.deletion-preview .step-next:hover,
body.deletion-preview .form-submit:hover,
body.deletion-preview .request-fallback button:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--delete-ink)}
body.deletion-preview .support-note{margin-top:24px;padding:21px 24px;border:3px solid var(--delete-ink);border-radius:2px;background:#FFF;color:rgba(23,19,29,.7);font-size:14px;line-height:1.6}
body.deletion-preview .support-note strong{display:block;margin-bottom:3px;color:var(--delete-ink);font-size:16px}

body.deletion-preview .request-section{
  display:grid;grid-template-columns:minmax(0,.82fr) minmax(440px,1.18fr);gap:32px;margin-top:88px;padding:30px;border:3px solid var(--delete-ink);
  background:linear-gradient(90deg,rgba(23,19,29,.06) 1px,transparent 1px),linear-gradient(rgba(23,19,29,.06) 1px,transparent 1px),rgba(207,195,230,.68);
  background-size:24px 24px;box-shadow:9px 9px 0 var(--delete-ink);color:var(--delete-ink);
}
body.deletion-preview .request-intro{align-self:start;padding:28px;border:3px solid var(--delete-ink);background:var(--delete-ink);box-shadow:6px 6px 0 var(--delete-property);color:#FFF}
body.deletion-preview .request-intro{grid-column:1;grid-row:1/3}
body.deletion-preview .section-kicker{display:inline-block;margin-bottom:18px;color:#1579A7}
body.deletion-preview .request-intro .section-kicker{color:var(--delete-lime)}
body.deletion-preview .request-intro h2,
body.deletion-preview .deletion-meaning h2{font-family:'Archivo Black','DM Sans',sans-serif;font-weight:400;line-height:.94;letter-spacing:-.055em;text-transform:uppercase}
body.deletion-preview .request-intro h2{color:#FFF;font-size:clamp(42px,4.5vw,60px)}
body.deletion-preview .request-intro>p{margin-top:20px;color:rgba(255,255,255,.75);font-size:16px;font-weight:650;line-height:1.6}
body.deletion-preview .request-boundary{display:grid;gap:4px;margin-top:28px;padding:18px;border:2px solid #FFF;background:var(--delete-property);color:var(--delete-ink);font-size:13px;line-height:1.55}
body.deletion-preview .request-boundary strong{color:var(--delete-ink)}
body.deletion-preview .request-panel{grid-column:2;grid-row:1;min-width:0;align-self:start;padding:24px;border:3px solid var(--delete-ink);background:#FFF;box-shadow:6px 6px 0 var(--delete-ink)}
body.deletion-preview .form-preview{display:none;margin-bottom:18px;padding:10px 12px;border:2px solid var(--delete-ink);background:var(--delete-ink);color:var(--delete-lime);font:600 11px/1.5 'IBM Plex Mono',monospace}
body.deletion-preview .form-preview.show{display:block}
body.deletion-preview .journey-progress{display:grid;grid-template-columns:1fr 1fr;margin-bottom:18px;border:2px solid var(--delete-ink);background:#FFF;font:700 9px/1.3 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
body.deletion-preview .journey-progress span{padding:11px 12px;color:rgba(23,19,29,.44)}
body.deletion-preview .journey-progress span+span{border-left:2px solid var(--delete-ink)}
body.deletion-preview .journey-progress span[aria-current='step']{background:var(--delete-ink);color:var(--delete-lime)}
body.deletion-preview .journey-step{min-height:0}
body.deletion-preview .journey-step[data-step='reply']{display:flex;flex-direction:column}
body.deletion-preview .form-field{display:grid;gap:12px;padding:18px;border:2px solid var(--delete-ink);background:rgba(56,189,248,.27);color:var(--delete-ink);box-shadow:3px 3px 0 var(--delete-ink);font-size:12px;font-weight:800}
body.deletion-preview .reply-email-field{background:rgba(215,255,95,.52)}
body.deletion-preview .form-field>span{font:700 10px/1.4 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase}
body.deletion-preview .account-email-field>span::before{content:'01 / '}
body.deletion-preview .reply-email-field>span::before{content:'02 / '}
body.deletion-preview .form-field input{width:100%;min-height:52px;border:2px solid var(--delete-ink);border-radius:2px;padding:12px 13px;background:#FFF;color:var(--delete-ink);font:600 15px/1.35 'DM Sans',sans-serif;outline:0}
body.deletion-preview .form-field input:focus{border-color:var(--delete-property);box-shadow:0 0 0 3px rgba(56,189,248,.25)}
body.deletion-preview .field-help{margin:15px 2px 0;color:rgba(23,19,29,.64);font-size:12px;font-weight:650;line-height:1.5}
body.deletion-preview .step-next{width:100%;margin-top:22px}
body.deletion-preview .step-back{align-self:flex-start;margin:19px 0 2px;border:0;border-bottom:2px solid currentColor;padding:2px 0;background:transparent;color:var(--delete-ink);font:800 13px/1 'DM Sans',sans-serif;cursor:pointer}
body.deletion-preview .company-site{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
body.deletion-preview .turnstile-shell{min-height:65px;display:flex;align-items:center;margin-top:16px;overflow:hidden}
body.deletion-preview .form-submit{width:100%;margin-top:4px}
body.deletion-preview .form-submit:disabled{cursor:wait;opacity:.68}
body.deletion-preview .form-status{min-height:20px;margin-top:13px;color:rgba(23,19,29,.72);font-size:13px;font-weight:650;line-height:1.45}
body.deletion-preview .form-status.error{color:var(--delete-ink)}
body.deletion-preview .form-note{margin-top:12px;color:rgba(23,19,29,.62);font-size:11px;line-height:1.55}
body.deletion-preview .form-note a{color:var(--delete-ink)}
body.deletion-preview .form-success{min-height:390px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
body.deletion-preview .success-mark{width:54px;height:54px;display:grid;place-items:center;border:3px solid var(--delete-ink);background:var(--delete-lime);color:var(--delete-ink);box-shadow:5px 5px 0 var(--delete-ink);font-size:27px;font-weight:900}
body.deletion-preview .form-success h3{margin-top:30px;color:var(--delete-ink);font:400 clamp(34px,4vw,51px)/.98 'Archivo Black','DM Sans',sans-serif;letter-spacing:-.05em;text-transform:uppercase}
body.deletion-preview .form-success p{max-width:480px;margin-top:14px;color:rgba(23,19,29,.7);font-size:16px;line-height:1.6}
body.deletion-preview .request-fallback{grid-column:2;grid-row:2;align-self:start;display:flex;align-items:center;gap:10px 20px;padding:15px 18px;border:3px solid var(--delete-ink);background:#FFF;color:var(--delete-ink)}
body.deletion-preview .request-fallback span{font:700 9px/1.3 'IBM Plex Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
body.deletion-preview .request-fallback strong{margin-right:auto;color:var(--delete-ink);font-size:16px;overflow-wrap:anywhere}
body.deletion-preview .request-fallback button{min-height:42px;padding:8px 14px;background:var(--delete-property);box-shadow:3px 3px 0 var(--delete-ink);font-size:12px}
body.deletion-preview .request-fallback p{min-width:0;color:#126B94;font-size:11px;font-weight:700}

body.deletion-preview .deletion-meaning{margin-top:88px;padding:42px;border:3px solid var(--delete-ink);border-radius:2px;background:#FFF;box-shadow:9px 9px 0 var(--delete-property)}
body.deletion-preview .deletion-meaning::before{display:none}
body.deletion-preview .deletion-meaning h2{max-width:800px;color:var(--delete-ink);font-size:clamp(43px,5.2vw,68px)}
body.deletion-preview .section-lede{max-width:820px;margin-top:18px;color:rgba(23,19,29,.68);font-size:17px;font-weight:650;line-height:1.6}
body.deletion-preview .data-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:30px}
body.deletion-preview .data-card{padding:26px;border:3px solid var(--delete-ink);border-radius:2px;background:rgba(56,189,248,.22);box-shadow:5px 5px 0 var(--delete-ink)}
body.deletion-preview .data-card.retained{border-color:var(--delete-ink);background:rgba(207,195,230,.52)}
body.deletion-preview .data-card .card-label{color:#126B94}
body.deletion-preview .data-card.retained .card-label{color:#5D3F8C}
body.deletion-preview .data-card h3{margin-top:23px;color:var(--delete-ink);font-family:'Archivo Black','DM Sans',sans-serif;font-size:clamp(29px,3vw,39px);font-weight:400;line-height:.98;letter-spacing:-.045em;text-transform:uppercase}
body.deletion-preview .data-card ul{display:grid;gap:12px;margin-top:22px;padding-left:20px;color:rgba(23,19,29,.72);font-size:14px;line-height:1.55}
body.deletion-preview .data-card li::marker{color:#126B94}
body.deletion-preview .data-card.retained li::marker{color:#5D3F8C}
body.deletion-preview .warning{margin-top:30px;padding:23px 25px;border:3px solid var(--delete-ink);border-radius:2px;background:var(--delete-ink);color:rgba(255,255,255,.76);box-shadow:6px 6px 0 var(--delete-lime)}
body.deletion-preview .warning strong{display:block;margin-bottom:6px;color:var(--delete-lime);font-size:18px}
body.deletion-preview .privacy-link{margin-top:28px;color:rgba(23,19,29,.68);font-weight:650}

body.deletion-preview .deletion-button:focus-visible,
body.deletion-preview .step-next:focus-visible,
body.deletion-preview .step-back:focus-visible,
body.deletion-preview .form-submit:focus-visible,
body.deletion-preview .request-fallback button:focus-visible{outline:3px solid var(--delete-property);outline-offset:4px}
body.deletion-preview footer{border-top:3px solid var(--delete-ink)}
body.deletion-preview .footer-brand>span:first-of-type{color:var(--delete-lime);font-weight:700}

@media(max-width:920px){
  body.deletion-preview .request-section{grid-template-columns:1fr}
  body.deletion-preview .request-intro,
  body.deletion-preview .request-panel,
  body.deletion-preview .request-fallback{grid-column:auto;grid-row:auto}
}
@media(max-width:760px){
  body.deletion-preview .action-grid,
  body.deletion-preview .data-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  body.deletion-preview .deletion-page{padding:108px max(20px,env(safe-area-inset-right)) 76px max(20px,env(safe-area-inset-left))}
  body.deletion-preview .deletion-hero h1{font-size:clamp(45px,13vw,57px)}
  body.deletion-preview .deletion-hero h1 em{padding:3px 7px 8px;box-shadow:5px 5px 0 var(--delete-ink)}
  body.deletion-preview .action-grid{margin-top:42px}
  body.deletion-preview .action-card{min-height:0;padding:24px 20px;box-shadow:5px 5px 0 var(--delete-ink)}
  body.deletion-preview .action-card h2{padding-top:42px;font-size:clamp(36px,11vw,47px)}
  body.deletion-preview .deletion-button{width:100%}
  body.deletion-preview .support-note{padding:19px}
  body.deletion-preview .request-section{gap:20px;margin-top:70px;padding:18px;box-shadow:6px 6px 0 var(--delete-ink)}
  body.deletion-preview .request-intro{padding:24px 20px;box-shadow:5px 5px 0 var(--delete-property)}
  body.deletion-preview .request-panel{padding:18px 14px;box-shadow:5px 5px 0 var(--delete-ink)}
  body.deletion-preview .journey-progress span{padding:10px 8px;font-size:8px}
  body.deletion-preview .journey-step{min-height:0}
  body.deletion-preview .request-fallback{display:grid;grid-template-columns:1fr;gap:8px;padding:16px}
  body.deletion-preview .request-fallback strong{margin:0;font-size:14px}
  body.deletion-preview .request-fallback button{width:100%;margin-top:4px}
  body.deletion-preview .deletion-meaning{margin-top:70px;padding:28px 20px;box-shadow:6px 6px 0 var(--delete-property)}
  body.deletion-preview .deletion-meaning h2{font-size:clamp(39px,11vw,50px)}
  body.deletion-preview .data-card{padding:23px 20px;box-shadow:4px 4px 0 var(--delete-ink)}
}
@media(prefers-reduced-motion:reduce){
  body.deletion-preview .deletion-button,
  body.deletion-preview .step-next,
  body.deletion-preview .form-submit,
  body.deletion-preview .request-fallback button{transition:none}
}