/* Shared brand layer for the guide and optional copy tools. */
:root {
  --paper:#fff8ed; --ink:#172b46; --muted:#4b5b70; --blue:#304fbd;
  --coral:#f2654a; --yellow:#f5c548; --pink:#fbe1dc; --sky:#e0e8fc;
  --mint:#dcece5; --line:#c9ced5;
  font-family:ui-rounded,'Avenir Next',Avenir,system-ui,-apple-system,sans-serif;
  color:var(--ink); background:var(--paper);
}
body { background:var(--paper); }
button,input,select,textarea { font-family:inherit; }
a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,
h1[tabindex="-1"]:focus-visible,h2[tabindex="-1"]:focus-visible {
  outline:3px solid var(--blue); outline-offset:5px;
}
.site-header { background:var(--paper); border-color:#dedbd5; }
.wordmark { color:var(--ink); font-weight:800; letter-spacing:-.045em; }
.mark { background:var(--yellow); color:var(--ink); border-radius:50% 50% 42% 16%; font-family:inherit; font-weight:850; }
.site-header nav a,.back-link { color:var(--ink); }
.eyebrow { color:var(--blue); font-weight:800; letter-spacing:.11em; }
.pulse { background:var(--coral); box-shadow:none; width:10px; height:10px; }
h1,h2,h3 { font-family:inherit; font-weight:800; }
h1 { letter-spacing:-.06em; }
h1 em { font-family:inherit; font-style:normal; font-weight:800; font-size:1em; color:var(--blue); white-space:normal; }
.hero { grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:24px; padding-block:48px 44px; }
.hero h1 { font-size:clamp(44px,4.55vw,66px); line-height:1.03; margin-bottom:22px; }
.hero-lead { color:var(--muted); font-size:17px; max-width:480px; }
.hero-choice-label { color:var(--ink); }
.hero-platforms { justify-content:start; gap:9px; }
.hero-platforms a { min-height:50px; border:1px solid transparent; border-radius:14px; color:var(--ink); padding:12px 14px; }
.hero-platforms a:nth-child(6n+1) { background:var(--pink); }
.hero-platforms a:nth-child(6n+2) { background:var(--sky); }
.hero-platforms a:nth-child(6n+3) { background:#fae7a4; }
.hero-platforms a:nth-child(6n+4) { background:var(--mint); }
.hero-platforms a:nth-child(6n+5) { background:#e4e0f5; }
.hero-platforms a:nth-child(6n+6) { background:#dcecf4; }
.hero-platforms a::after { color:var(--ink); }
.hero-platforms a:hover { border-color:var(--ink); transform:translateY(-2px); }
.hero-storage-link { color:var(--blue); }
.memphis-art { margin:0 -20px 0 0; min-width:0; }
.memphis-art img { display:block; width:100%; height:auto; mix-blend-mode:multiply; }
.memphis-art figcaption { margin:10px 0 0; text-align:center; color:var(--muted); font-size:13px; letter-spacing:.015em; }
.section-pad { padding-block:76px; }
.platforms { background:#fffdfa; border-top:1px solid #dedbd5; }
.platforms h2 { font-size:clamp(34px,4vw,52px); }
.section-intro,.source-note,.control-context,.guide-steps,.verification-limit { color:var(--muted); }
.platform-card { background:var(--paper); border-color:var(--line); border-radius:20px; box-shadow:none; }
.platform-card:hover { border-color:var(--blue); }
.platform-card[data-selected="true"] { background:#fff; border-color:var(--blue); box-shadow:0 5px 0 var(--sky); }
.platform-card>summary { color:var(--ink); }
.platform-symbol { border-radius:50% 48% 42% 30%; background:var(--sky); color:var(--ink); }
.platform-symbol.instagram { background:var(--pink); color:var(--ink); }
.platform-symbol.tiktok { background:var(--sky); color:var(--ink); }
.platform-symbol.snapchat { background:#fae7a4; color:var(--ink); }
.platform-symbol.threads { background:var(--mint); color:var(--ink); }
.platform-symbol.facebook { background:#e4e0f5; color:var(--ink); }
.platform-symbol.linkedin { background:#dcecf4; color:var(--ink); }
.platform-toggle,.guide-action-label,.guide-help-label { color:var(--ink); }
.guide-steps li::marker { color:var(--blue); font-weight:800; }
.keep-option { background:var(--paper); border-color:#e1d8c8; }
.keep-option>summary,.copy-next { color:var(--blue); }
.card-links a { color:var(--blue); border-color:#b9c7ed; background:#f0f3ff; border-radius:12px; }
.card-links a:hover { background:var(--sky); }
.finish-check { background:var(--mint); border-color:#b6cfc3; }
.finish-check strong,.finish-check p { color:#214b40; }
.agent-assist { background:var(--paper); border-color:var(--line); }
.agent-assist>summary,.agent-assist-body label,.agent-mcp>summary { color:var(--ink); }
.agent-assist-body p,.agent-assist>summary small { color:var(--muted); }
.agent-assist-actions button { background:var(--blue); border-color:var(--blue); }
.agent-assist-actions button:hover { background:var(--ink); }
.storage { color:var(--ink); background:var(--sky); }
.storage-layout { gap:7%; }
.storage .eyebrow,.storage-list-label,.storage-option .option-kicker { color:var(--blue); }
.storage-intro h2 { font-size:clamp(36px,3.8vw,54px); }
.storage-intro>p:not(.eyebrow),.storage-option p,.storage-option .option-detail,
.storage-option .local-save-link p,.storage-option .local-check-link p,.storage-footnote { color:var(--muted); }
.storage-list { border-top:0; }
.storage-list-label { margin:0 0 14px; }
.storage-future-label { margin-top:30px; }
.storage-option { border-color:#b7c4de; }
.no-storage-option,.manual-storage-option { margin-inline:0; padding:24px; background:#fffdfa; border:1px solid #b7c4de; border-radius:20px; }
.no-storage-option { background:var(--paper); }
.manual-storage-option { margin-top:16px; }
.storage-option h3 { font-size:22px; }
.storage-option .option-detail { border-color:var(--line); }
.no-storage-action,.local-save-link a,.local-check-link a,.manual-provider-links a,.storage-return { color:var(--blue); }
.local-save-link,.local-check-link { background:#eef2ff; border-color:#becbec; }
.manual-upload-details,.secondary-storage { border-color:#adbbd6; }
.manual-upload-details summary,.secondary-storage summary,.manual-storage-steps strong { color:var(--ink); }
.manual-storage-steps,.manual-storage-steps li::marker,.secondary-storage summary span { color:var(--muted); }
.copy-safety { background:var(--mint); border-color:#347b65; }
.copy-safety strong,.storage-option .copy-safety p { color:#214b40; }
.option-tag,.pilot-tag { background:var(--paper); border-color:#98a7c2; color:var(--ink); }
.test-build-storage .pilot-option { background:#eef2ff; }
.research-invite { background:#fbe1dc; border-color:#ecc2b9; }
.research-invite p:not(.eyebrow),.research-invite-action small { color:var(--muted); }
.research-invite-action .button { background:var(--ink); border-radius:14px; }
.research-invite-action .button:hover { background:var(--blue); }
.site-footer { background:var(--ink); }
.site-footer a,.usage-note,.footer-row { color:#e1e7f1; }
.footer-row p:first-child { color:var(--paper); }
/* Copy and comparison screens share the same palette without any network assets. */
.intro h1 { font-family:inherit; font-weight:800; color:var(--ink); }
.intro .lead,.choice p,.section-heading p,.after-check p,.manual-fallback { color:var(--muted); }
.preflight,.unsupported { background:var(--sky); border-color:#b9c7ed; }
.preflight h2,.unsupported h2,.section-heading h2 { font-family:inherit; font-weight:800; color:var(--ink); }
.preflight p,.preflight .quiet,.unsupported p { color:var(--muted); }
.preflight-number,.section-number { background:var(--yellow); color:var(--ink); }
.checker { border-color:var(--line); background:#fffdfa; box-shadow:none; }
.choice,.export-help { background:var(--paper); border-color:#dedbd5; }
.choice .selection,.status,.after-check h2 { color:var(--muted); }
.checker button,.reopen button { color:var(--blue); background:var(--sky); border-color:#b4c2e7; border-radius:12px; }
.checker button.primary,.unsupported a { color:white; background:var(--blue); border-color:var(--blue); }
.checker button.primary:hover:enabled { background:var(--ink); }
.checker button:hover:enabled,.reopen button:hover:enabled { background:#d1ddfa; }
.checker button.primary:hover:enabled { background:var(--ink); }
.back-link,.return,.export-help summary,.export-help-links a { color:var(--blue); }
@media(min-width:951px) { .wrap { width:min(1240px,calc(100% - 80px)); } }
@media(max-width:950px) {
  .hero { grid-template-columns:1.1fr .9fr; gap:12px; padding-block:32px; }
  .hero h1 { font-size:44px; }
  .hero-platforms a { flex-basis:calc((100% - 9px)/2); }
  .memphis-art { margin:0; }
  .storage-layout { gap:28px; }
}
@media(max-width:650px) {
  .hero { grid-template-columns:1fr; gap:8px; padding-block:26px 18px; }
  .hero h1 { font-size:clamp(38px,10vw,54px); }
  .hero .eyebrow { display:block; font-size:10px; margin-bottom:17px; }
  .hero-lead { font-size:16px; line-height:1.5; margin-bottom:18px; }
  .hero-platforms a { min-height:46px; padding:10px 13px; }
  .memphis-art { width:min(440px,100%); justify-self:center; }
  .memphis-art img { max-height:230px; object-fit:contain; }
  .memphis-art figcaption { margin-top:0; font-size:12px; }
  .section-pad { padding-block:44px; }
  .section-pad.platforms { padding-top:36px; }
  .no-storage-option,.manual-storage-option { padding:20px; }
  .storage-option .option-kicker { padding-right:0; }
  .secondary-options .option-kicker { padding-right:70px; }
}
@media(prefers-reduced-motion:reduce) { .hero-platforms a:hover { transform:none; } }
@media(prefers-contrast:more) { :root { --muted:#172b46; --line:#172b46; } }

/* Quiet, accessible exports of the page's public instructions. */
.instruction-tools{margin:18px 0 22px;color:var(--muted);font-size:13px;line-height:1.5}
.instruction-tools-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px}
.instruction-tools button,.instruction-tools a{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:8px 0;background:transparent;border:0;border-radius:4px;color:var(--blue);font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.instruction-tools button::before{content:'⧉';font-size:20px;font-weight:400}
.instruction-tools button:hover,.instruction-tools a:hover{background:transparent;text-decoration:underline;text-underline-offset:4px}
.instruction-tools [hidden]{display:none!important}
.instruction-tools textarea{width:100%;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:8px;color:var(--ink);background:white;font:13px/1.5 ui-monospace,monospace}
.platform-card>.instruction-tools{margin:0;padding:0 22px 16px}
.instruction-tools [role=status]:not(:empty){display:block;margin-top:8px}

/* Illustration family: all decorative images leave action labels and reading order intact. */
.lead{color:var(--muted)}
.storage-illustration{display:block;width:min(440px,100%);height:auto;margin:26px 0 0;border-radius:40px 40px 12px 40px}
.secondary-storage summary .unburden-brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:16px;font-weight:800}
.unburden-brand img{border-radius:10px}
.illustrated-intro{max-width:none;position:relative;padding-right:34%;min-height:250px}
.page-illustration{position:absolute;right:0;top:0;width:31%;height:auto;border-radius:32px;mix-blend-mode:multiply}
.privacy-main{max-width:900px}
.privacy-illustration{float:right;width:30%;height:auto;margin:4px 0 22px 32px;mix-blend-mode:multiply}
.privacy-main>h1{max-width:18ch}
.privacy-main>section:first-of-type{clear:both}
@media(max-width:650px){.storage-illustration{max-width:240px;margin:16px auto 4px}.illustrated-intro{padding-right:0;min-height:0}.page-illustration{position:static;float:right;width:115px;margin:0 0 8px 12px}.illustrated-intro>.eyebrow{clear:both;padding-top:18px}.privacy-illustration{float:none;width:160px;margin:0 0 20px}.privacy-main>h1{max-width:none}}

/* Language controls remain visible at phone widths, outside the primary nav. */
.language-bar{background:var(--paper);border-bottom:1px solid var(--line)}
.language-inner{max-width:1180px;margin:auto;padding:3px 24px;display:flex;align-items:center;justify-content:space-between;gap:8px 24px;flex-wrap:wrap}
.language-switch{display:flex;gap:4px;flex:none}
.language-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:72px;min-height:44px;padding:7px 10px;border-radius:9px;font-size:14px;font-weight:700;color:var(--blue);text-decoration:none}
.language-switch a[aria-current=page]{color:var(--ink);background:var(--yellow)}
.language-switch a:hover{text-decoration:underline;text-underline-offset:3px}
.translation-note{display:flex;align-items:center;flex-wrap:wrap;gap:0 12px;margin:0;font-size:13px;line-height:1.4;color:var(--muted)}
.translation-note a{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);font-weight:700;text-underline-offset:3px}
.translation-email-note{flex-basis:100%;font-size:12px;margin:-3px 0 7px}
.language-switch a:focus-visible,.translation-note a:focus-visible,.guide-accuracy [tabindex="-1"]:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
html[lang=es] .hero h1{font-size:clamp(40px,5vw,72px);letter-spacing:-.055em}
html[lang=es] .hero-platforms a{min-width:0}
.header-row{flex-wrap:wrap;gap:12px}
main,.hero,.hero-copy,.section-heading>div,.choice,.wrap{min-width:0}
h1,h2,h3{overflow-wrap:anywhere;hyphens:manual}
.nav-row{flex-wrap:wrap}
.wordmark{white-space:normal;min-width:0}
.wordmark>span:last-child{min-width:0;overflow-wrap:anywhere;hyphens:auto}
.button,.check-actions button,.instruction-tools a,.instruction-tools button{white-space:normal;overflow-wrap:anywhere;max-width:100%}
@media(max-width:650px){.language-inner{padding:3px 18px;gap:0}.translation-note{padding:0 0 3px;gap:0 8px}.translation-note>span:first-child{flex-basis:100%}.translation-email-note{display:none}.privacy-illustration{float:right;width:82px;margin:0 0 8px 14px}.privacy-main>.eyebrow{padding-top:8px}.privacy-main>h1{clear:both}html[lang=es] .hero h1{font-size:clamp(37px,10vw,48px)}html[lang=es] .hero-platforms a{font-size:14px}}
@media(max-width:360px){
  .language-inner{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}
  .language-switch a{min-width:60px;padding-inline:6px}
  .translation-note{display:block;font-size:11px;line-height:1.2}
  .translation-note>span:first-child{display:block}
  .translation-note a{font-size:11px;line-height:1.2}
}