/* Shared Dranox website foundations. No application styles are modified. */
:root {
  color-scheme: dark;
  --bg: #09090c;
  --surface: #111115;
  --surface-raised: #19191f;
  --text: #f5f4f7;
  --muted: #a1a0ab;
  --soft: #75747f;
  --line: rgba(255,255,255,.095);
  --red: #f50040;
  --ease: cubic-bezier(.22,1,.36,1);
  --font: 'Manrope', sans-serif;
  --content-width: 90rem;
  --page-gutter: clamp(1.5rem, 4vw, 4.5rem);
  /* Small UI copy shares one readable scale; illustrated device screens stay miniature. */
  --text-caption: .875rem;
  --text-small: .9375rem;
  --text-body: 1rem;
  --scrollbar-track: #100f14;
  --scrollbar-thumb: #625366;
  --radius-square: .5rem;
  --radius-compact: .25rem;
  --radius-mark: .0625rem;
  --radius-frame: 1rem;
}
* { box-sizing: border-box; }
* { scrollbar-width: thin; scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track); }
::-webkit-scrollbar { width: .5rem; height: .5rem; }
::-webkit-scrollbar-track { background: var(--scrollbar-track); }
::-webkit-scrollbar-thumb { border: .125rem solid var(--scrollbar-track); border-radius: var(--radius-mark); background: var(--scrollbar-thumb); }
::-webkit-scrollbar-thumb:hover { background: #987083; }
::-webkit-scrollbar-button { display: none; }
html { font-size: 100%; scroll-behavior: smooth; scroll-padding-top: 0; background: var(--bg); }
body { margin: 0; color: var(--text); background: var(--bg); font-family: var(--font); font-size: 1.125rem; line-height: 1.65; -webkit-font-smoothing: antialiased; }
html[lang=ar] { --font: 'Noto Sans Arabic', sans-serif; }
button, select { font: inherit; }
button { color: inherit; cursor: pointer; }
a { color: inherit; text-decoration: none; }
a:focus-visible { outline: .125rem solid #ff6487; outline-offset: .3125rem; }
button, a, select, summary { -webkit-tap-highlight-color: transparent; }
button { border: 0; background: none; }
button:focus-visible, select:focus-visible, summary:focus-visible { outline: 0.125rem solid #ff6487; outline-offset: 0.3125rem; }
button:active { transform: translateY(0.0625rem); }
img { display: block; max-width: 100%; object-fit: cover; }
svg { display: block; }
.icon-sprite { position: absolute; width: 0; height: 0; overflow: hidden; }
.icon { width: 1.375rem; height: 1.375rem; fill: none; stroke: currentColor; stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; flex: 0 0 auto; }
h1,h2,h3,p { margin: 0; }
h1,h2,h3 { font-weight: 750; line-height: 1.12; letter-spacing: -.055em; }
h2 { font-size: clamp(2.5rem, 4.25vw, 4rem); }
p { color: var(--muted); }
::selection { color: white; background: #ae143d; }
.container { width: min(var(--content-width), calc(100% - var(--page-gutter) * 2)); margin-inline: auto; }
.eyebrow { display: inline-flex; align-items: center; gap: 0.6875rem; font-size: var(--text-caption); font-weight: 750; letter-spacing: .13em; line-height: 1.4; color: #f35a7b; }
.button { position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 1rem; min-height: 3.75rem; padding: 0 1.875rem; border: 0.0625rem solid transparent; border-radius: 0.625rem; background: var(--red); font-size: 1rem; font-weight: 750; line-height: 1.35; color: #fff; transition: background .2s, box-shadow .3s, transform .3s var(--ease); }
.button:hover { background: #ff174f; box-shadow: 0 0.5rem 2rem #f500401e; transform: translateY(-0.125rem); }
.button .icon { width: 1.3125rem; height: 1.3125rem; transition: transform .25s var(--ease); }
.button:hover .icon { transform: translateX(0.1875rem); }
.button-small { min-height: 2.875rem; padding: 0 1.375rem; font-size: var(--text-small); border-radius: 0.5rem; }
.button-outline { background: #ffffff03; border-color: #ffffff20; }
.button-outline:hover { background: #ffffff0a; border-color: #ffffff40; box-shadow: none; }
.text-button { display: inline-flex; align-items: center; gap: 1rem; padding: 0 0 0.5rem; border-bottom: 0.0625rem solid #ffffff28; font-size: 1.0625rem; font-weight: 650; transition: border-color .2s; }
.text-button .icon { width: 1.3125rem; height: 1.3125rem; transition: transform .2s; }
.text-button:hover { border-color: var(--red); }
.text-button:hover .icon { transform: translateX(0.25rem); }
.round-button { display: grid; place-items: center; width: 3rem; height: 3rem; border-radius: var(--radius-square); border: 0.0625rem solid #ffffff20; transition: background .2s, border-color .2s; }
.round-button:hover { background: var(--red); border-color: var(--red); }
.round-button .icon { width: 1.375rem; height: 1.375rem; }

/* Navigation stays in normal flow to leave room for the product preview. */
.site-header { position: relative; z-index: 50; background: #09090ce8; border-bottom: 0.0625rem solid #ffffff08; backdrop-filter: blur(1.25rem); -webkit-backdrop-filter: blur(1.25rem); transition: border-color .3s; }
.nav-container { width: min(var(--content-width), calc(100% - var(--page-gutter) * 2)); height: 5.75rem; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.brand { display: inline-flex; direction: ltr; align-items: center; gap: 0; flex-shrink: 0; }
.brand img { object-fit: contain; }
.brand-wordmark { --logo-height: 2rem; position: relative; display: inline-block; width: calc(var(--logo-height) * 4.115727); height: var(--logo-height); overflow: hidden; flex-shrink: 0; direction: ltr; mix-blend-mode: screen; vertical-align: middle; }
/* Frame the approved PNG without altering its artwork; black blends into each surface. */
.brand-wordmark > img { position: absolute; left: -27.685653%; top: -50.74184%; width: 156.596972%; height: 214.836795%; max-width: none; object-fit: fill; filter: none; }
.brand-small .brand-wordmark { --logo-height: 1.375rem; }
.desktop-nav { display: flex; align-items: center; gap: 2rem; margin-inline-start: auto; }
.nav-link { position: relative; color: #bab9c2; padding: 0.75rem 0; font-size: 1rem; font-weight: 650; transition: color .2s; }
.nav-link:hover { color: white; }
.nav-link::after { content: ''; position: absolute; bottom: 0.4375rem; inset-inline: 0; height: 0.0625rem; background: var(--red); transform: scaleX(0); transition: transform .25s; }
.nav-link:hover::after { transform: scaleX(1); }
.nav-actions { display: flex; align-items: center; gap: 1.5rem; }
.language-control { position: relative; color: #9c9ba6; }
.language-trigger { display: flex; align-items: center; justify-content: center; gap: .5rem; min-height: 2.75rem; padding: .5rem .625rem; border: .0625rem solid transparent; border-radius: .5rem; color: #c8c5d1; font-size: 1rem; font-weight: 650; transition: color .25s,background .25s,border-color .25s; }
#language-current { line-height: 1; translate: 0 .0625rem; }
.language-trigger > .icon { width: 1.25rem; height: 1.25rem; }
.language-trigger .language-chevron { width: 1rem; height: 1rem; translate: 0 .0625rem; transition: rotate .25s; }
.language-trigger:hover, .language-trigger[aria-expanded=true] { color: #fff; background: #ffffff06; border-color: #ffffff14; }
.language-trigger[aria-expanded=true] .language-chevron { rotate: 180deg; }
.language-menu { position: absolute; z-index: 80; inset-inline-end: 0; top: calc(100% + .625rem); width: 12.5rem; padding: .4375rem; background: #17151c; border: .0625rem solid #ffffff1c; border-radius: .75rem; box-shadow: 0 .875rem 2.5rem #0008; }
.language-menu[hidden] { display: none; }
.language-menu button { display: flex; align-items: center; gap: .6875rem; width: 100%; padding: .6875rem .625rem; border-radius: .4375rem; text-align: start; color: #c2bbc9; font-size: var(--text-small); line-height: 1.4; transition: background .2s,color .2s; }
.language-menu button:hover, .language-menu button:focus-visible { background: #ffffff08; color: white; }
.language-menu button[aria-checked=true] { color: #ff779a; background: #f5004011; }
.language-menu .language-code { min-width: 1.625rem; font-size: var(--text-caption); font-weight: 750; color: #a49bab; }
.language-menu .icon { width: 1rem; height: 1rem; margin-inline-start: auto; opacity: 0; }
.language-menu [aria-checked=true] .icon { opacity: 1; }
.nav-login { white-space: nowrap; }
/* Shared by the static homepage footer and the public-page footer. */
footer .footer-legal-title { margin: 1.25rem 0 .5rem; font-size: var(--text-body); font-weight: 700; line-height: 1.5; color: var(--text); }
footer .footer-legal-title + p { margin-top: 0; }
.menu-toggle { display: none; width: 2.75rem; height: 2.75rem; padding: 0.625rem; }
.mobile-menu[hidden] { display: none; }
.mobile-menu { display: flex; flex-direction: column; padding: 0.75rem 1.5rem 1.25rem; border-top: 0.0625rem solid var(--line); }
.mobile-menu :is(button,a) { text-align: start; padding: 0.8125rem 0.5rem; color: #cccad2; }

/* Approved 1904 × 946 desktop canvas, shared by every page. */
@media (min-width:1001px) {
  html { font-size: min(.8403361345vw, 1.6913319239svh); }
}


/* Public resources share the site's rem-based desktop canvas. No independent zoom. */
.corporate-page { padding-block:2.5rem 2rem; }
.corporate-page [hidden] { display:none!important; }
.corporate-page :is(h1,h2,h3,p,a,span) { overflow-wrap:anywhere; }
.resource-heading h1 { font-size:4.25rem; line-height:1.12; margin-top:1.25rem; }
.resource-heading>p { font-size:1.125rem; max-width:34rem; line-height:1.9; margin-top:1.75rem; }
.trust-hero,.media-hero { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:5rem; min-height:29rem; }
.trust-scene { min-height:29rem; position:relative; isolation:isolate; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; border:1px solid #ffffff16; border-radius:1.5rem; background:radial-gradient(ellipse at 50% 35%,#f5004014,transparent 70%),#111115; }
.trust-scene h2 { font-size:2.6rem; margin-top:1rem; letter-spacing:-.05em; }
.trust-scene p { font-size: var(--text-small); margin-top:1rem; padding-inline:1.5rem; }
.trust-scene .eyebrow { font-size: var(--text-caption); color:#b7a5b0; }
.trust-emblem { display:grid; place-items:center; height:5rem; width:5rem; margin-bottom:2rem; border:1px solid #f500403d; border-radius:1.375rem; background:linear-gradient(135deg,#f5004022,#ffffff04); box-shadow:0 1rem 4rem #f5004018; transform:rotate(-7deg); transition:transform .8s var(--ease); }
.trust-emblem .icon { color:#ff6487; width:2.5rem; height:2.5rem; }
.trust-scene:hover .trust-emblem { transform:rotate(0) scale(1.04); }
.trust-orbits { position:absolute; inset:0; z-index:-1; display:grid; place-items:center; }
.trust-orbits i { position:absolute; width:21rem; height:21rem; border-radius:var(--radius-frame); border:1px solid #ffffff05; }
.trust-orbits i:nth-child(2) { width:30rem; height:30rem; }
.trust-orbits i:nth-child(3) { width:39rem; height:39rem; }
.trust-chips { display:flex; gap:2.75rem; margin-top:2rem; color:#786c78; }
.trust-chips .icon { width:1.125rem; height:1.125rem; }
.resource-section { padding-top:4rem; }
.resource-section-heading { margin-bottom:2rem; }
.resource-section-heading h2 { font-size:2.5rem; margin-top:.75rem; }
.trust-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; }
.resource-card { padding:2rem; border:1px solid var(--line); border-radius:1rem; background:var(--surface); transition:border-color .45s,background .45s,transform .6s var(--ease),box-shadow .6s; }
a.resource-card:hover { border-color:#f5004055; transform:translateY(-.1875rem); background:#171219; box-shadow:0 .75rem 2rem #0003; }
.resource-card .icon { color:#ff547c; }
.resource-card-top { display:flex; justify-content:space-between; margin-bottom:1.5rem; }
.resource-card-top>.icon:last-child { color:#7e7383; width:1.125rem; }
.resource-card h3 { font-size:1.375rem; letter-spacing:-.035em; }
.resource-card p { font-size: var(--text-small); line-height:1.8; margin-top:1rem; }
.trust-contact { background:linear-gradient(135deg,#f500400d,#111115); }
.trust-contact>h3 { margin-top:1.25rem; }
.trust-contact .text-button { margin-top:1.25rem; }
.corporate-page .text-button { font-size: var(--text-small); }
.resource-notice { display:flex; align-items:flex-start; gap:.75rem; padding:1rem 1.125rem; border:1px solid #ffffff0e; border-radius:.75rem; background:#ffffff03; margin-block:1rem; }
.resource-notice>.icon { width:1rem; height:1rem; margin-top:.15rem; color:#938492; }
.resource-notice p { font-size: var(--text-caption); line-height:1.7; color:#a99baa; }
.resource-pill { display:inline-flex; align-items:center; padding:.375rem .75rem; background:#f5004010; border:1px solid #f5004033; border-radius:.375rem; color:#ff91ac; font-size: var(--text-caption); }
.resource-caption { font-size: var(--text-caption); line-height:1.85; margin-top:1.25rem; }
.resource-tools { margin-top:2rem; padding-top:1rem; border-top:1px solid var(--line); color:#89818e; font-size: var(--text-caption); }
.resource-tools summary { cursor:pointer; width:fit-content; }
.resource-tools>div { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1rem; }
.resource-tools button { padding:.5rem .75rem; border:1px solid var(--line); border-radius:.375rem; font-size: var(--text-caption); }
.resource-tools button[aria-pressed=true] { background:#f5004014; border-color:#f5004055; color:#ff90ad; }
#corporate-feedback { font-size: var(--text-small); color:#b8b0bd; margin-top:1rem; }
#corporate-feedback:empty { margin:0; }
#corporate-feedback textarea { display:block; width:100%; background:var(--surface); color:var(--text); padding:1rem; font:inherit; }
/* Long-form documents: readable measure and a compact table of contents. */
.document-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:2rem; margin-bottom:2rem; }
.document-heading h1 { font-size:3.75rem; margin-block:1rem; }
.document-heading p { font-size:1rem; }
.document-meta { flex-shrink:0; text-align:end; }
.document-meta p { margin-top:.75rem; font-size: var(--text-caption); }
.document-meta b { font-weight:500; color:#e4dce9; }
.document-layout { display:grid; grid-template-columns:21rem minmax(0,1fr); gap:3rem; margin-top:2rem; align-items:start; }
.document-aside { position:sticky; top:1.5rem; }
.document-aside details { border:1px solid var(--line); border-radius:1rem; padding:1.25rem; background:var(--surface); }
.document-aside summary { cursor:pointer; font-size: var(--text-small); font-weight:750; }
.document-aside nav { max-height:65svh; overflow:auto; display:grid; gap:.25rem; padding-top:1rem; }
.document-aside nav a { font-size: var(--text-caption); line-height:1.65; padding:.375rem .5rem; border-radius:.375rem; color:var(--muted); transition:color .25s,background .25s; }
.document-aside nav a:hover { color:#ff7d9e; background:#f500400c; }
.document-aside>.text-button { margin-top:1.5rem; }
.document-body { padding:2.5rem 3rem; border:1px solid var(--line); border-radius:1rem; background:linear-gradient(140deg,#141217,#101014); font-size:1rem; line-height:1.95; }
.document-body h2 { font-size:1.75rem; line-height:1.4; margin:2.5rem 0 1rem; letter-spacing:-.03em; scroll-margin-top:2rem; }
.document-body h3 { font-size:1.25rem; margin-block:1.5rem 1rem; }
.document-body p { margin-block:0 1rem; }
.document-body ul { color:var(--muted); padding-inline-start:1.25rem; margin-block:1rem 1.5rem; }
.document-body li { padding-inline-start:.375rem; margin-block:.375rem; }
.document-body a { color:#ff8ca9; text-decoration:underline; text-underline-offset:.2rem; }
.document-end { border-top:1px solid var(--line); margin-top:2rem; padding-top:1.5rem; display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; }
/* Account/data requests keep the existing explicit confirmation sequence. */
.deletion-layout,.confirmation-wrap { display:grid; grid-template-columns:1.05fr 1fr; gap:5rem; align-items:start; }
.deletion-intro .resource-heading h1 { font-size:3.375rem; max-width:36rem; }
.deletion-intro .resource-heading>p { margin-top:1.25rem; font-size:1rem; }
.deletion-steps { list-style:none; padding:0; margin:2rem 0; display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
.deletion-steps li { display:flex; align-items:center; gap:.875rem; font-size: var(--text-caption); color:#c4bcca; }
.deletion-steps li>span:first-child { font-size: var(--text-caption); color:#ff668c; border:1px solid #f5004030; background:#f500400c; border-radius:.5rem; padding:.5rem; }
.deletion-details { margin-bottom:1.75rem; border-block:1px solid var(--line); }
.deletion-details details+details { border-top:1px solid var(--line); }
.deletion-details summary { cursor:pointer; padding-block:1rem; display:flex; justify-content:space-between; align-items:center; gap:1rem; font-size: var(--text-small); font-weight:650; }
.deletion-details summary::-webkit-details-marker { display:none; }
.deletion-details summary .icon { width:1rem; height:1rem; color:#897b8a; }
.deletion-details [open] summary .icon { rotate:180deg; }
.deletion-details p { font-size: var(--text-caption); line-height:1.9; padding-bottom:1rem; }
.deletion-panel { padding:2rem 2.25rem; border:1px solid #ffffff19; border-radius:1.25rem; background:linear-gradient(140deg,#19161d,#111115 70%); }
.resource-panel-symbol { width:2.75rem; height:2.75rem; display:grid; place-items:center; background:#f5004012; border:1px solid #f5004028; border-radius:.75rem; color:#ff6c91; margin-bottom:1.25rem; }
.deletion-panel h2 { font-size:1.75rem; letter-spacing:-.035em; }
.deletion-panel form { margin-top:1.5rem; }
.resource-field label,.deletion-scopes legend { display:block; font-size: var(--text-caption); font-weight:650; margin-bottom:.625rem; }
.resource-field input { width:100%; border:1px solid #ffffff20; border-radius:.5rem; background:#09090c; padding:.875rem 1rem; font:inherit; font-size: var(--text-small); color:var(--text); }
.resource-field input:focus { outline:1px solid #ff6487; border-color:#ff6487; }
.resource-field input[aria-invalid=true] { border-color:#ff5478; }
.resource-field p { font-size: var(--text-caption); margin-top:.5rem; }
.deletion-scopes { padding:0; margin:1.25rem 0 0; border:0; min-width:0; }
.deletion-scopes label,.deletion-consent { display:flex; align-items:flex-start; gap:.625rem; color:#bdb3c3; font-size: var(--text-caption); line-height:1.65; cursor:pointer; }
.deletion-scopes label { padding:.375rem .625rem; border-radius:.375rem; transition:background .25s; }
.deletion-scopes label:hover { background:#ffffff05; }
.deletion-scopes label:has(:checked) { background:#f500400c; color:#e3c7d2; }
.deletion-panel input[type=checkbox] { width:1rem; height:1rem; margin:.2rem 0 0; flex-shrink:0; accent-color:var(--red); }
.deletion-consent { margin-top:1.25rem; padding-top:1rem; border-top:1px solid var(--line); }
.deletion-submit { width:100%; margin-top:1.25rem; min-height:3.125rem; font-size: var(--text-small); }
.deletion-panel .resource-notice { padding:.75rem; margin-bottom:0; }
.deletion-panel .resource-notice p { font-size: var(--text-caption); }
.resource-error { color:#ff90a8; font-size: var(--text-caption); margin-top:.75rem; }
.deletion-result>p { font-size:1rem; line-height:1.9; margin-top:1.5rem; }
.resource-result-actions { display:flex; flex-direction:column; align-items:flex-start; gap:1.5rem; margin-block:2rem; }
.confirmation-wrap { align-items:center; min-height:33rem; }
.confirmation-sidebar h1 { font-size:3.75rem; margin-block:1.5rem; }
.confirmation-sidebar p { font-size:1rem; }
.confirmation-line { display:flex; align-items:center; margin-block:2.5rem; color:#ff789b; max-width:20rem; }
.confirmation-line .icon { width:2.5rem; height:2.5rem; padding:.5rem; box-sizing:content-box; border:1px solid #ffffff20; border-radius:1rem; }
.confirmation-line i { flex:1; height:1px; background:linear-gradient(90deg,#f5004050,#ffffff20); }
/* Honest service status: unknown until connected to actual monitoring. */
.status-intro { display:flex; justify-content:space-between; align-items:center; gap:3rem; padding-bottom:2.5rem; }
.status-intro .resource-heading h1 { font-size:3.75rem; }
.status-intro .resource-heading>p { max-width:42rem; margin-top:1.25rem; }
.status-indicator { width:21rem; height:14rem; flex-shrink:0; display:grid; place-items:center; --signal:#897c93; }
.status-indicator.operational { --signal:#62cbb1; }
.status-indicator.maintenance { --signal:#d4ad71; }
.status-indicator.incident { --signal:#ff6487; }
.signal-ring { position:relative; display:grid; place-items:center; width:7rem; height:7rem; color:var(--signal); }
.signal-ring b { display:grid; place-items:center; width:6rem; height:6rem; border:1px solid currentColor; border-radius:var(--radius-frame); background:var(--surface); }
.signal-ring b .icon { width:2rem; height:2rem; }
.signal-ring i { position:absolute; width:10rem; height:10rem; border:1px solid currentColor; opacity:.12; border-radius:var(--radius-frame); }
.signal-ring i:nth-child(2) { width:14rem; height:14rem; opacity:.07; }
.signal-ring i:nth-child(3) { width:18rem; height:18rem; opacity:.04; }
.status-banner { display:flex; align-items:center; justify-content:space-between; gap:2rem; padding:1.75rem 2rem; border:1px solid #ffffff20; border-radius:1rem; background:#141218; }
.status-banner h2 { font-size:1.625rem; margin-block:.75rem .5rem; letter-spacing:-.03em; }
.status-banner p { font-size: var(--text-small); max-width:55rem; }
.status-banner .button { flex-shrink:0; }
.status-banner-label { display:flex; align-items:center; gap:.625rem; color:#c2b6c8; font-size: var(--text-caption); text-transform:uppercase; letter-spacing:.1em; }
.status-banner-label>i,.service-health>i { width:.375rem; height:.375rem; border-radius:var(--radius-mark); background:currentColor; flex-shrink:0; }
.status-banner.operational { border-color:#62cbb13a; background:linear-gradient(100deg,#62cbb10c,#111115); }
.status-banner.maintenance { border-color:#d4ad7145; }
.status-banner.incident { border-color:#f5004045; background:linear-gradient(100deg,#f500400d,#111115); }
.status-columns { display:grid; grid-template-columns:1.25fr 1fr; gap:3rem; margin-top:2rem; }
.status-columns>div>h2 { font-size:1.125rem; letter-spacing:-.02em; margin-bottom:1.25rem; }
.service-list { border:1px solid var(--line); border-radius:1rem; padding:.5rem 1.25rem; background:var(--surface); }
.service-row { display:flex; align-items:center; gap:1rem; padding:.9375rem 0; }
.service-row+.service-row { border-top:1px solid var(--line); }
.service-row>.icon { color:#82738b; width:1.125rem; height:1.125rem; }
.service-row>strong { font-size: var(--text-small); font-weight:500; }
.service-health { margin-inline-start:auto; display:flex; align-items:center; gap:.5rem; font-size: var(--text-caption); color:#93869c; white-space:nowrap; }
.service-health.good { color:#62cbb1; }.service-health.maintenance { color:#d4ad71; }.service-health.incident { color:#ff7195; }
.incident-card { padding:1.75rem; border:1px solid var(--line); border-radius:1rem; background:var(--surface); align-self:flex-start; margin-top:2.625rem; }
.incident-card>.icon { color:#918198; width:1.5rem; height:1.5rem; margin-bottom:1rem; }
.incident-card .eyebrow { font-size: var(--text-caption); margin-bottom:1rem; }
.incident-card h3 { font-size:1.25rem; letter-spacing:-.03em; margin-bottom:1rem; }
.incident-card p { font-size: var(--text-small); line-height:1.85; }
.incident-timeline { display:flex; list-style:none; margin:1.5rem 0 0; padding:0; gap:1rem; color:#746879; font-size: var(--text-caption); }
.incident-timeline li { border-top:2px solid #ffffff10; padding-top:.5rem; flex:1; }
.incident-timeline .current { color:#ff7c9d; border-color:#f50040; }
/* Brand files are the user's approved original PNGs, never regenerated. */
.brand-stage { position:relative; display:flex; align-items:center; justify-content:center; min-height:24rem; border:1px solid var(--line); border-radius:1.5rem; background:radial-gradient(ellipse at bottom,#f5004010,transparent 70%),#0e0d11; }
.brand-stage>.brand-wordmark { --logo-height:5.625rem; }
.brand-stage-ruler { position:absolute; inset-inline:2rem; bottom:2rem; display:flex; align-items:center; gap:1rem; color:#746677; font-size: var(--text-caption); letter-spacing:.2em; }
.brand-stage-ruler i { height:1px; background:#ffffff16; flex:1; }
.asset-grid { display:grid; grid-template-columns:1.25fr 1fr; gap:1.5rem; }
.asset-card { border:1px solid var(--line); border-radius:1rem; overflow:hidden; background:var(--surface); }
.asset-art { height:16rem; display:flex; align-items:center; justify-content:center; background:radial-gradient(ellipse at center,#ffffff04,transparent 70%),#09090c; }
.asset-art .brand-wordmark { --logo-height:4.5rem; }
.asset-art.symbol>img { width:10rem; height:10rem; object-fit:contain; }
.asset-info { display:flex; align-items:center; justify-content:space-between; gap:1rem; border-top:1px solid var(--line); padding:1.5rem; }
.asset-info h3 { font-size:1.125rem; letter-spacing:-.03em; }
.asset-info p { font-size: var(--text-caption); margin-top:.5rem; }
.asset-info .button { white-space:nowrap; }
.brand-details { display:grid; grid-template-columns:1fr 1fr; gap:3rem; margin-top:4rem; }
.brand-details h2 { font-size:1.75rem; margin-bottom:1.5rem; }
.palette { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }
.color-chip { text-align:start; padding:0; }
.color-chip>span { display:block; height:6.25rem; border-radius:.75rem; border:1px solid #ffffff14; margin-bottom:.75rem; transition:transform .5s var(--ease); }
.color-chip:hover>span { transform:translateY(-.1875rem); }
.color-chip strong { display:block; font-size: var(--text-caption); font-weight:600; }
.color-chip code { font-size: var(--text-caption); color:var(--muted); }
.boilerplate p { font-size: var(--text-small); line-height:1.9; }
.boilerplate .text-button { margin-top:1.25rem; }
.resource-callout { margin-top:4rem; border-top:1px solid var(--line); padding-block:2.5rem 1rem; display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.resource-callout h2 { font-size:2rem; }.resource-callout p { margin-top:1rem; font-size: var(--text-small); }
@media(min-width:1001px) { .status-intro .resource-heading h1 br { display:none; } }
@media(max-width:1000px) {
  .trust-hero,.media-hero,.deletion-layout,.confirmation-wrap { gap:2rem; }
  .resource-heading h1 { font-size:3rem; }
  .trust-scene { min-height:27rem; }
  .trust-grid { grid-template-columns:repeat(2,1fr); }
  .document-layout { grid-template-columns:15rem minmax(0,1fr); gap:1.5rem; }
  .document-body { padding:1.5rem; }.document-heading h1 { font-size:3rem; }
  .deletion-panel { padding:1.5rem; }.deletion-intro .resource-heading h1 { font-size:2.5rem; }
  .status-indicator { width:12rem; }.signal-ring i:nth-child(3) { display:none; }
  .status-columns { gap:1.5rem; }
  .brand-stage>.brand-wordmark { --logo-height:3.75rem; }
  .asset-info { align-items:flex-start; flex-direction:column; }
  .asset-art .brand-wordmark { --logo-height:3.5rem; }
}
@media(max-width:700px) {
  .corporate-page { padding-top:1.75rem; }
  .trust-hero,.media-hero,.deletion-layout,.confirmation-wrap,.document-layout,.status-columns,.asset-grid,.brand-details { grid-template-columns:1fr; }
  .trust-hero,.media-hero { gap:2rem; }
  .resource-heading h1,.document-heading h1,.confirmation-sidebar h1,.status-intro .resource-heading h1 { font-size:2.75rem; }
  .resource-heading>p { font-size:1rem; margin-top:1.25rem; }
  .trust-scene { min-height:25rem; }.trust-grid { grid-template-columns:1fr; }
  .resource-section { padding-top:2.5rem; }.resource-section-heading h2 { font-size:2rem; }
  .resource-card { padding:1.5rem; }.resource-card p { font-size: var(--text-small); }
  .document-heading { flex-direction:column; align-items:flex-start; gap:1rem; }
  .document-meta { text-align:start; }.document-aside { position:static; }
  .document-aside nav { max-height:12rem; }.document-body { font-size: var(--text-small); padding:1.5rem; }
  .document-body h2 { font-size:1.5rem; }
  .deletion-intro .resource-heading h1 { font-size:2.75rem; }
  .deletion-panel { padding:1.5rem; }.deletion-steps { gap:1rem .5rem; }
  .deletion-scopes label,.deletion-consent { font-size: var(--text-small); }
  .confirmation-wrap { min-height:0; }.confirmation-line { display:none; }
  .confirmation-sidebar>.text-button { margin-top:1.5rem; }
  .status-intro { padding-bottom:2rem; }.status-indicator { display:none; }
  .status-banner { flex-direction:column; align-items:flex-start; padding:1.5rem; gap:1rem; }
  .status-banner h2 { font-size:1.5rem; }.service-list { padding:.5rem 1rem; }
  .service-row { gap:.5rem; }.service-row>strong { font-size: var(--text-caption); }.service-health { font-size: var(--text-caption); }
  .service-row>.icon { width:1rem; height:1rem; }.incident-card { padding:1.5rem; margin-top:0; }
  .brand-stage { min-height:18rem; }.brand-stage>.brand-wordmark { --logo-height:3.5rem; }
  .asset-art { height:12rem; }.asset-art .brand-wordmark { --logo-height:3.25rem; }
  .asset-info { padding:1.25rem; }.brand-details { margin-top:2.5rem; }
  .resource-callout { flex-direction:column; align-items:flex-start; margin-top:2.5rem; }
}
@media(prefers-reduced-motion:reduce) {
  .corporate-page * { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
  .resource-card:hover,.trust-scene:hover .trust-emblem,.color-chip:hover>span { transform:none; }
}

/* Public legal pages use native forms and the approved website layout. */
body{font-family:Manrope,system-ui,sans-serif}.container{max-width:90rem;margin-inline:auto;padding-inline:var(--page-gutter)}
.site-header{border-bottom:1px solid var(--line)}.nav-container{max-width:90rem;margin:auto;min-height:6rem;padding:1.25rem var(--page-gutter);display:flex;align-items:center;gap:2rem}.brand{margin-inline-end:auto;flex:none}.brand img{display:block;width:10.5rem;height:auto}.desktop-nav,.nav-actions{display:flex;align-items:center;gap:2rem}.desktop-nav a{font-size:.9375rem;color:var(--muted)}.nav-actions{gap:1.5rem}.language-control{position:relative}.language-control summary{display:flex;gap:.75rem;cursor:pointer;list-style:none}.language-control nav{position:absolute;inset-inline-end:0;top:2.5rem;min-width:11rem;padding:.4rem;border:1px solid #ffffff20;border-radius:.6rem;background:#18151e;z-index:4;box-shadow:0 1rem 3rem #0008}.language-control nav a{display:flex;justify-content:space-between;padding:.75rem;border-radius:.35rem}.language-control nav a:hover,.language-control nav a[aria-current]{background:#ffffff08}.language-control nav span{color:#ff4776}
.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:.5rem;padding:1rem 1.5rem;background:var(--red);color:white;font:inherit;font-weight:750;cursor:pointer}.button-small{padding:.8rem 1.5rem;font-size:.9375rem}.eyebrow{color:#ff507d;letter-spacing:.12em;font-size:.875rem;font-weight:750}.text-button{display:inline-flex;align-items:center;gap:.75rem;color:#ddd5e5;font-weight:650}.corporate-page{padding-block:4.5rem}.site-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;border-top:1px solid var(--line);padding-block:2rem;color:var(--muted);font-size:.875rem}.site-footer nav{display:flex;flex-wrap:wrap;gap:1.5rem}.deletion-panel p{margin-top:1rem;line-height:1.85}.deletion-panel .button{margin-top:1.5rem}.deletion-steps li{align-items:flex-start}.confirmation-sidebar h1{font-size:3rem;margin-block:1rem}.confirmation-sidebar p{margin-bottom:1.5rem}.trap{position:absolute;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}.skip{position:absolute;top:-5rem;left:1rem;z-index:10;background:var(--red);padding:1rem;color:white}.skip:focus{top:1rem}:focus-visible{outline:2px solid #ff6487;outline-offset:4px}.document-body{overflow-wrap:anywhere}.document-heading h1{line-height:1.2}.resource-error{color:#ffafc2}.deletion-scopes label,.deletion-consent{cursor:pointer}.deletion-consent input,.deletion-scopes input{flex:none;accent-color:var(--red)}
@media(max-width:1000px){.desktop-nav{display:none}.document-layout{grid-template-columns:16rem minmax(0,1fr);gap:2rem}.deletion-layout,.confirmation-wrap{gap:2.5rem}}
@media(max-width:700px){.nav-container{min-height:5rem;gap:1rem}.brand img{width:7.5rem}.nav-actions{gap:.8rem}.nav-actions .button{padding:.65rem .8rem}.corporate-page{padding-block:2.5rem}.deletion-layout,.confirmation-wrap,.document-layout{grid-template-columns:1fr;gap:2rem}.document-heading{display:block}.document-heading h1,.deletion-intro .resource-heading h1,.confirmation-sidebar h1{font-size:2.5rem}.document-meta{text-align:start;margin-top:1.5rem}.document-aside{position:static}.document-body{padding:1.5rem}.deletion-panel{padding:1.5rem}.deletion-steps{grid-template-columns:1fr}.site-footer{align-items:flex-start}.site-footer nav{gap:1rem}.deletion-submit{white-space:normal}}

/* Readable legal copy, without the presentation canvas shrinking small text. */
html{font-size:16px}body{font-family:var(--font),system-ui,sans-serif}.container{padding-inline:0}.deletion-steps li>span:first-child{flex:none;min-width:2.5rem;text-align:center;white-space:nowrap;overflow-wrap:normal}.brand img{height:2rem;width:auto}.document-end{display:flex;gap:1.5rem;flex-wrap:wrap;margin-top:2rem}.preview-languages{display:flex;gap:1rem;margin-block:1.5rem}.preview-languages button{border:1px solid var(--line);padding:.6rem 1rem;border-radius:.5rem}.preview-languages button[aria-pressed=true]{background:var(--red)}
@media(max-width:700px){.brand img{width:clamp(5rem,24vw,7.5rem);height:auto}.nav-actions .button{font-size:.875rem;padding:.65rem .7rem;min-height:2.75rem}.nav-actions{gap:.6rem}.nav-container{gap:.6rem}.language-control summary{gap:.35rem}.document-heading h1{font-size:2.25rem}}
.brand-wordmark>img{position:absolute;left:-27.685653%;top:-50.74184%;width:156.596972%;height:214.836795%;max-width:none;object-fit:fill}.nav-container{padding-inline:0;width:min(90rem,calc(100% - var(--page-gutter)*2))}@media(max-width:700px){.brand-wordmark{--logo-height:1.35rem}}