:root{color-scheme:light;--ink:#081a3a;--muted:#56657c;--line:#dce5f4;--bg:#f5f8ff;--card:#fff;--brand:#1478ff;--brand-dark:#0a55c7;--soft:#e9f2ff;--danger:#a51442;--success:#0a6b4b;--shadow:0 24px 70px rgba(8,26,58,.11);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}
body{margin:0;background:radial-gradient(circle at 5% 0,rgba(20,120,255,.12),transparent 35%),var(--bg);color:var(--ink);font-size:16px;line-height:1.65}
a{color:var(--brand-dark);text-underline-offset:3px}
.site-header,.site-footer{width:min(1180px,calc(100% - 40px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-header{min-height:82px;border-bottom:1px solid var(--line)}
.site-brand img{display:block;width:155px;max-height:44px;object-fit:contain;object-position:left center}
.site-header nav,.site-footer nav{display:flex;gap:20px;flex-wrap:wrap}
.site-header nav a,.site-footer nav a{text-decoration:none;font-weight:650}
main{width:min(1180px,calc(100% - 40px));min-height:calc(100vh - 180px);margin:auto;padding:72px 0}
.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:center;gap:64px}
.hero h1,.narrow-card h1,.legal-card h1,.deletion-layout h1{max-width:850px;margin:.12em 0 .35em;font-size:clamp(2.35rem,6vw,4.75rem);line-height:1.02;letter-spacing:-.055em}
.narrow-card h1,.legal-card h1,.deletion-layout h1{font-size:clamp(2.1rem,5vw,3.75rem)}
.eyebrow{margin:0;color:var(--brand);font-size:.75rem;font-weight:850;letter-spacing:.16em}
.lead{max-width:720px;color:var(--muted);font-size:1.18rem}
.actions{display:flex;align-items:center;gap:22px;margin-top:30px;flex-wrap:wrap}
.button,button{display:inline-block;border:0;border-radius:12px;padding:13px 19px;background:var(--brand);color:#fff;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}
.button:hover,button:hover{background:var(--brand-dark)}
.text-link{font-weight:750}
.feature-card,.info-grid article,.narrow-card,.legal-card,.form-card{border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}
.feature-card,.narrow-card,.legal-card,.form-card{padding:32px}
.feature-card h2,.info-grid h2,.deletion-layout h2{margin-top:0;line-height:1.25}
.feature-card li+li,.deletion-layout li+li{margin-top:10px}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:80px}
.info-grid article{padding:24px}
.info-grid p,.meta,.notice{color:var(--muted)}
.narrow-card{width:min(100%,650px);margin:auto}
.centered{text-align:center}
.notice,.success,.error{margin:22px 0;padding:18px;border-radius:14px;background:var(--soft)}
.success{background:#e5f7ef;color:var(--success)}
.error{background:#ffedf2;color:var(--danger)}
.success h2,.error p,.notice h2{margin-top:0}
.legal-card{width:min(100%,900px);margin:auto;padding:clamp(28px,6vw,64px)}
.legal-copy{margin-top:36px;white-space:pre-wrap;overflow-wrap:anywhere}
.meta{border-bottom:1px solid var(--line);padding-bottom:22px}
.deletion-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);align-items:start;gap:50px}
.deletion-layout p{color:var(--muted)}
.form-card{position:sticky;top:24px}
.form-card form{display:grid;gap:18px}
label{display:grid;gap:7px;font-weight:750}
input,textarea{width:100%;border:1px solid #bfcce0;border-radius:10px;padding:12px;color:var(--ink);background:#fff;font:inherit}
textarea{resize:vertical}
input:focus,textarea:focus{border-color:var(--brand);outline:3px solid rgba(20,120,255,.16)}
.site-footer{min-height:98px;border-top:1px solid var(--line);color:var(--muted)}
@media(max-width:800px){.site-header{padding:18px 0;align-items:flex-start}.site-header nav{justify-content:flex-end;gap:10px 16px}.hero,.deletion-layout{grid-template-columns:1fr;gap:30px}.info-grid{grid-template-columns:1fr;margin-top:35px}.form-card{position:static}main{padding:44px 0}.site-footer{padding:22px 0;align-items:flex-start}}
@media(max-width:520px){.site-header,.site-footer{display:block}.site-header nav,.site-footer nav{margin-top:16px;justify-content:flex-start}.site-header nav a{font-size:.88rem}main{width:min(100% - 28px,1180px)}.feature-card,.narrow-card,.legal-card,.form-card{padding:23px}}