/* Shared site styles */
:root{
  --bg:#0b1220; /* dark page background */
  --card:#0f1724; /* card surface */
  --card-elevated:#131d2d;
  --muted:#9aa4b2; /* secondary text */
  --accent:#6ee7b7; /* accent color */
  --accent-2:#60a5fa; /* secondary accent */
  --text:#e6eef6;
  --text-soft:#c4cedb;
  --radius:12px;
  --radius-lg:18px;
  --radius-xl:24px;
  --gap:18px;
  --glass:rgba(255,255,255,0.03);
  --glass-strong:rgba(255,255,255,0.08);
  --transition:300ms cubic-bezier(.2,.9,.2,1);
  --shadow-sm:0 8px 24px rgba(2,6,23,.18);
  --shadow-md:0 16px 40px rgba(2,6,23,.24);
  --shadow-lg:0 24px 60px rgba(2,6,23,.32);
}
/* Light theme overrides — JS toggles `.light-theme` on the document element */
.light-theme{
  --bg:#f6f8fb;
  --card:#ffffff;
  --card-elevated:#f8fbff;
  --muted:#455064;
  --accent:#0ea5a9;
  --accent-2:#2563eb;
  --text:#0b1220;
  --text-soft:#334155;
  --glass:rgba(2,6,23,0.03);
  --glass-strong:rgba(2,6,23,0.08);
  --shadow-sm:0 8px 22px rgba(15,23,42,.06);
  --shadow-md:0 18px 38px rgba(15,23,42,.08);
  --shadow-lg:0 26px 56px rgba(15,23,42,.10);
}

/* Basic reset */
*{box-sizing:border-box}
html,body{height:100%}
html{background:var(--bg)}
html:has(body[data-page="message-archive-utility"]){background:#f7f5f1}
.light-theme html{background:#f6f8fb}
.light-theme html:has(body[data-page="message-archive-utility"]){background:#f7f5f1}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;color:var(--text);background:radial-gradient(1200px 400px at 10% 10%, rgba(96,165,250,0.06), transparent),var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6;min-height:100%;display:flex;flex-direction:column}
body[data-page="message-archive-utility"]{background:#f7f5f1 !important}
.light-theme body{background:radial-gradient(1200px 420px at 10% 10%, rgba(37,99,235,.08), transparent 52%),linear-gradient(180deg,#f7fbff,#eef4fb 60%,#e9f0f8)}
.light-theme body[data-page="message-archive-utility"]{background:#f7f5f1 !important}
body[data-page="message-archive-utility"]{overflow-x:hidden}
main{padding-top:14px;padding-bottom:8px;flex:1 0 auto}
.container{width:100%;max-width:1600px;margin:0 auto;padding:0 clamp(12px, 1.5vw, 28px)}
.small{font-size:.86rem}
.muted{color:var(--muted)}
a{color:inherit}
main h1,main h2,main h3,main h4{letter-spacing:-.01em}
main h1{font-weight:700;line-height:1.08}
main h2{font-weight:650;line-height:1.14}
main h3{font-weight:650;line-height:1.18}
main p{line-height:1.65}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  border:1px solid transparent;
  cursor:pointer;
  font:600 .95rem/1 Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,'Helvetica Neue',Arial;
  text-decoration:none;
  transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition),background var(--transition),color var(--transition);
}
.site-footer{
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-top:28px;
  padding-bottom:28px;
  margin-top:34px;
  border-top:1px solid rgba(216,207,193,.9);
}

/* Message Archive Utility landing page */
body[data-page="message-archive-utility"]{
  --mau-bg:#f7f5f1;
  --mau-surface:#ffffff;
  --mau-surface-soft:#fbfaf7;
  --mau-surface-tint:#f8f6f2;
  --mau-border:rgba(32,33,36,.09);
  --mau-border-strong:#d8cfc1;
  --mau-text:#161715;
  --mau-text-body:#4b4a46;
  --mau-muted:#5f574d;
  --mau-accent:#45625d;
  --mau-accent-strong:#31524d;
  --mau-accent-soft:#f3efe7;
  --mau-warm:#f4f0e8;
  --mau-shadow-sm:0 8px 24px rgba(45,39,29,.04);
  --mau-shadow-md:0 14px 34px rgba(45,39,29,.055);
  color:var(--mau-text);
  background:var(--mau-bg);
}
body[data-page="message-archive-utility"] main{
  padding-top:0;
  background:var(--mau-bg);
}
body[data-page="message-archive-utility"] .container{
  max-width:1080px;
}
.mau-site-header{
  position:sticky;
  top:0;
  z-index:40;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  width:100%;
  max-width:none;
  margin:0 auto;
  padding:10px clamp(16px, 3vw, 28px);
  border-bottom:1px solid rgba(32,33,36,.08);
  background:rgba(247,245,241,.88);
  backdrop-filter:blur(16px);
}
.mau-brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  color:var(--mau-text);
  text-decoration:none;
  font-weight:760;
  letter-spacing:-.01em;
}
.mau-brand-icon{
  width:40px;
  height:40px;
  border-radius:12px;
  box-shadow:0 8px 20px rgba(45,39,29,.10);
}
.mau-nav{
  display:inline-flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:4px;
  border:1px solid #ded8ce;
  border-radius:999px;
  background:var(--mau-warm);
  padding:3px;
}
.mau-nav a{
  min-height:30px;
  padding:6px 11px;
  border:1px solid transparent;
  border-radius:999px;
  color:#514b43;
  text-decoration:none;
  font-size:.84rem;
  font-weight:760;
  line-height:1.2;
}
.mau-nav a:hover,
.mau-nav a[aria-current="page"]{
  border-color:rgba(49,82,77,.14);
  background:#ffffff;
  color:#243f3a;
  box-shadow:0 2px 8px rgba(45,39,29,.08);
}
.mau-hero{
  position:relative;
  display:grid;
  align-items:start;
  overflow:hidden;
  isolation:isolate;
  border-bottom:1px solid rgba(32,33,36,.08);
  background:linear-gradient(180deg,#ffffff 0%,var(--mau-bg) 100%);
}
.mau-hero-inner{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(420px,.78fr);
  align-items:center;
  gap:38px;
  padding-top:48px;
  padding-bottom:48px;
}
.mau-hero-copy-block{
  display:grid;
  align-content:center;
  gap:14px;
  min-width:0;
}
.mau-kicker{
  margin:0 0 6px;
  color:#625a50;
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.mau-hero h1{
  max-width:680px;
  margin:0;
  color:var(--mau-text);
  font-size:clamp(2.35rem, 3.85vw, 3.95rem);
  font-weight:760;
  line-height:1.04;
  letter-spacing:-.025em;
}
.mau-hero-copy{
  max-width:560px;
  margin:0;
  color:var(--mau-muted);
  font-size:clamp(1rem, 1.25vw, 1.16rem);
  font-weight:600;
  line-height:1.55;
}
.mau-page-hero{
  padding-top:38px;
  padding-bottom:8px;
}
.mau-page-hero h1{
  max-width:720px;
  margin:0;
  color:var(--mau-text);
  font-size:clamp(1.85rem, 2.95vw, 2.85rem);
  font-weight:760;
  line-height:1.07;
  letter-spacing:-.024em;
}
.mau-page-hero p:not(.mau-kicker){
  max-width:680px;
  margin:12px 0 0;
  color:var(--mau-muted);
  font-size:clamp(.98rem, 1.2vw, 1.12rem);
  font-weight:600;
  line-height:1.6;
}
.mau-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:8px;
}
.mau-privacy-note{
  display:inline-flex;
  margin:0;
  color:var(--mau-muted);
  font-size:13px;
  font-weight:650;
  line-height:1.45;
}
.mau-badges{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:2px 0 0;
  padding:0;
  list-style:none;
}
.mau-badges li,
.mau-step-label{
  display:inline-flex;
  align-items:center;
  border:1px solid var(--mau-border-strong);
  border-radius:999px;
  background:#ffffff;
  color:var(--mau-accent);
  font-size:12px;
  font-weight:700;
}
.mau-badges li{
  padding:5px 8px;
}
.mau-proof-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  max-width:620px;
  margin:6px 0 0;
}
.mau-proof-strip div{
  min-width:0;
  padding:10px 11px;
  border:1px solid var(--mau-border);
  border-radius:12px;
  background:rgba(255,255,255,.72);
}
.mau-proof-strip dt{
  margin:0;
  color:var(--mau-text);
  font-size:.9rem;
  font-weight:800;
  line-height:1.2;
}
.mau-proof-strip dd{
  margin:4px 0 0;
  color:var(--mau-muted);
  font-size:.75rem;
  font-weight:750;
  line-height:1.25;
}
.mau-section{
  padding-top:34px;
  padding-bottom:8px;
}
.mau-section-head{
  max-width:760px;
  margin-bottom:16px;
}
.mau-section-head > p:not(.mau-kicker){
  max-width:680px;
  margin:10px 0 0;
  color:var(--mau-muted);
  font-weight:600;
  line-height:1.58;
}
.mau-section-action{
  margin-top:14px;
}
.mau-section h2{
  margin:0;
  max-width:760px;
  color:var(--mau-text);
  font-size:clamp(1.38rem, 2.15vw, 2.05rem);
  font-weight:760;
  line-height:1.08;
  letter-spacing:-.02em;
}
.mau-section p{
  color:var(--mau-muted);
}
.mau-promise-grid,
.mau-format-grid,
.mau-faq-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}
.mau-offer-layout{
  display:grid;
  grid-template-columns:minmax(280px,.48fr) minmax(0,1fr);
  gap:12px;
  align-items:stretch;
}
.mau-offer-card{
  display:grid;
  align-content:start;
  gap:12px;
  padding:18px;
  border:1px solid var(--mau-border);
  border-radius:14px;
  background:linear-gradient(180deg,#ffffff 0%,var(--mau-surface-tint) 100%);
  box-shadow:var(--mau-shadow-sm);
}
.mau-offer-card h3{
  margin:0;
  color:var(--mau-text);
  font-size:clamp(1.22rem,1.8vw,1.55rem);
  line-height:1.12;
}
.mau-offer-card p{
  margin:0;
  color:var(--mau-muted);
  font-weight:650;
  line-height:1.58;
}
.mau-offer-layout .mau-promise-grid{
  grid-template-columns:1fr;
}
.mau-philosophy-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.mau-panel,
.mau-format{
  padding:16px;
  border:1px solid var(--mau-border);
  border-radius:12px;
  background:rgba(255,255,255,.72);
  box-shadow:none;
}
.mau-panel h3,
.mau-format h3{
  margin:0 0 8px;
  color:var(--mau-text);
  font-size:1rem;
  line-height:1.25;
}
.mau-panel p,
.mau-format p{
  margin:0;
  font-size:.94rem;
  font-weight:600;
  line-height:1.55;
}
.mau-steps{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:11px;
  margin:0;
  padding:0;
  list-style:none;
}
.mau-backup-flow{
  display:grid;
  gap:0;
  margin:0;
  padding:0;
  border-top:1px solid var(--mau-border-strong);
  list-style:none;
}
.mau-backup-flow li{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:14px;
  padding:18px 0;
  border-bottom:1px solid var(--mau-border);
}
.mau-backup-flow > li > span{
  display:inline-grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid rgba(69,98,93,.16);
  border-radius:10px;
  background:var(--mau-accent-soft);
  color:var(--mau-accent-strong);
  font-size:13px;
  font-weight:800;
}
.mau-backup-flow h3{
  margin:0 0 5px;
  color:var(--mau-text);
  font-size:1.02rem;
  line-height:1.25;
}
.mau-backup-flow p{
  max-width:720px;
  margin:0;
  color:var(--mau-muted);
  font-size:.94rem;
  font-weight:600;
  line-height:1.52;
}
.mau-steps li{
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:13px;
  align-content:start;
  padding:13px;
  border:1px solid var(--mau-border);
  border-radius:12px;
  background:rgba(255,255,255,.72);
  box-shadow:none;
}
.mau-steps > li > span{
  display:inline-grid;
  place-items:center;
  width:28px;
  height:28px;
  border:1px solid rgba(69,98,93,.16);
  border-radius:9px;
  background:var(--mau-accent-soft);
  color:var(--mau-accent-strong);
  font-size:13px;
  font-weight:800;
}
.mau-steps h3{
  margin:0 0 6px;
  color:var(--mau-text);
  font-size:1rem;
  line-height:1.25;
}
.mau-steps p{
  margin:0;
  font-size:.9rem;
  font-weight:600;
  line-height:1.48;
}
.mau-format h3{
  font-size:1.18rem;
}
.mau-split,
.mau-download{
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(280px, .56fr);
  gap:18px;
  align-items:center;
  padding:20px;
  border:1px solid var(--mau-border);
  border-radius:14px;
  background:linear-gradient(180deg,#ffffff 0%,var(--mau-surface-tint) 100%);
  box-shadow:var(--mau-shadow-sm);
}
.mau-split h2,
.mau-download h2{
  margin:0 0 12px;
}
.mau-split p,
.mau-download p{
  max-width:720px;
  margin:0;
}
.mau-audience-list{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}
.mau-audience-list li{
  padding:12px 14px;
  border:1px solid var(--mau-border);
  border-radius:12px;
  background:#ffffff;
  color:var(--mau-text-body);
  font-weight:650;
}
.mau-download{
  align-items:center;
}
.mau-download .btn{
  justify-self:end;
  white-space:nowrap;
}
.mau-disabled-cta{
  cursor:not-allowed;
  opacity:.78;
}
.mau-disabled-cta:hover{
  transform:none;
}
.mau-privacy-layout{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding-top:16px;
  padding-bottom:22px;
}
.mau-policy-layout{
  display:grid;
  grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);
  gap:18px;
  align-items:start;
  padding-top:16px;
  padding-bottom:24px;
}
.mau-policy-layout .mau-note-panel{
  position:sticky;
  top:84px;
}
.mau-policy-list{
  display:grid;
}
.mau-privacy-card{
  padding:17px 0 18px;
  border:1px solid var(--mau-border);
  border-width:1px 0 0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.mau-privacy-card:first-child{
  background:transparent;
}
.mau-privacy-card h2{
  margin:0 0 8px;
  color:var(--mau-text);
  font-size:1.12rem;
  letter-spacing:-.01em;
}
.mau-privacy-card p{
  margin:0;
  color:var(--mau-muted);
  font-weight:600;
  line-height:1.62;
}
.mau-walkthrough{
  display:grid;
  grid-template-columns:minmax(0, .76fr) minmax(0, 1fr);
  gap:12px;
  padding-top:16px;
  padding-bottom:28px;
}
.mau-walkthrough-card{
  padding:18px;
  border:1px solid var(--mau-border);
  border-radius:12px;
  background:rgba(255,255,255,.82);
  box-shadow:none;
}
.mau-walkthrough-overview,
.mau-walkthrough-privacy{
  background:linear-gradient(180deg,#ffffff 0%,var(--mau-surface-tint) 100%);
}
.mau-walkthrough-overview{
  grid-row:span 2;
}
.mau-walkthrough-card h2{
  margin:0 0 8px;
  color:var(--mau-text);
  font-size:clamp(1.08rem, 1.4vw, 1.32rem);
  letter-spacing:-.015em;
}
.mau-walkthrough-card p{
  margin:0;
  color:var(--mau-muted);
  font-weight:600;
  line-height:1.62;
}
.mau-walkthrough-card .btn{
  margin-top:18px;
}
.mau-step-label{
  margin-bottom:12px;
  padding:5px 8px;
}
.mau-check-list{
  display:grid;
  gap:10px;
  margin:12px 0 0;
  padding:0;
  list-style:none;
}
.mau-check-list li{
  position:relative;
  padding-left:22px;
  color:var(--mau-muted);
  font-weight:600;
  line-height:1.55;
}
.mau-check-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:7px;
  height:7px;
  border-radius:50%;
  background:var(--mau-accent);
}
.mau-faq-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
  padding-top:16px;
  padding-bottom:22px;
}
.mau-faq-groups{
  display:grid;
  gap:22px;
  padding-top:16px;
  padding-bottom:24px;
}
.mau-faq-group{
  display:grid;
  grid-template-columns:minmax(150px,.24fr) minmax(0,1fr);
  gap:18px;
  align-items:start;
  border-top:1px solid var(--mau-border-strong);
  padding-top:18px;
}
.mau-faq-group > h2{
  margin:0;
  color:var(--mau-text);
  font-size:1.04rem;
  line-height:1.25;
  letter-spacing:-.01em;
}
.mau-faq-group .mau-faq-item{
  grid-column:2;
}
.mau-faq-item{
  padding:16px 0 17px;
  border:1px solid var(--mau-border);
  border-width:1px 0 0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.mau-faq-item h2{
  margin:0 0 8px;
  color:var(--mau-text);
  font-size:clamp(1.02rem, 1.25vw, 1.18rem);
  letter-spacing:-.01em;
}
.mau-faq-item h3{
  margin:0 0 7px;
  color:var(--mau-text);
  font-size:1rem;
  line-height:1.3;
  letter-spacing:-.01em;
}
.mau-faq-item p{
  margin:0;
  color:var(--mau-muted);
  font-weight:600;
  line-height:1.62;
}
.mau-export-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:14px;
  padding-top:16px;
  padding-bottom:24px;
}
.mau-export-card{
  display:flex;
  flex-direction:column;
  gap:14px;
  padding:16px;
  border:1px solid var(--mau-border);
  border-radius:12px;
  background:rgba(255,255,255,.72);
  box-shadow:none;
}
.mau-export-card h2{
  margin:0 0 -8px;
  color:var(--mau-text);
  font-size:1.24rem;
}
.mau-export-card p{
  margin:0;
  color:var(--mau-muted);
  font-weight:600;
  line-height:1.58;
}
.mau-export-preview{
  min-height:220px;
  padding:14px;
  border:1px solid #ded6ca;
  border-radius:12px;
  background:var(--mau-surface-soft);
  overflow:hidden;
}
.mau-export-preview-pdf{
  display:grid;
  align-content:start;
  gap:12px;
}
.mau-export-doc-title{
  padding-bottom:10px;
  border-bottom:1px solid var(--mau-border);
  color:var(--mau-text);
  font-weight:800;
}
.mau-export-message{
  display:grid;
  gap:4px;
  padding:10px;
  border-radius:10px;
  background:#ffffff;
  border:1px solid rgba(32,33,36,.06);
}
.mau-export-message strong{
  font-size:.82rem;
  color:var(--mau-text);
}
.mau-export-message span,
.mau-export-page{
  color:var(--mau-muted);
  font-size:.88rem;
}
.mau-export-page{
  justify-self:end;
  margin-top:8px;
}
.mau-export-preview-excel{
  display:grid;
  align-content:start;
  gap:8px;
}
.mau-sheet-tabs{
  display:flex;
  gap:6px;
  margin-bottom:8px;
}
.mau-sheet-tabs span{
  padding:6px 8px;
  border-radius:8px;
  background:var(--mau-accent-soft);
  color:var(--mau-accent-strong);
  font-size:.78rem;
  font-weight:700;
}
.mau-sheet-row{
  display:grid;
  grid-template-columns:.7fr .82fr 1fr;
  gap:8px;
  padding:9px 8px;
  border-radius:8px;
  background:#ffffff;
  color:var(--mau-muted);
  font-size:.8rem;
}
.mau-sheet-head{
  color:var(--mau-text);
  font-weight:800;
}
.mau-export-preview-csv{
  display:grid;
  align-content:start;
  gap:10px;
}
.mau-export-preview-csv code{
  display:block;
  padding:8px 9px;
  border-radius:8px;
  background:#ffffff;
  border:1px solid rgba(32,33,36,.06);
  color:var(--mau-text-body);
  font-size:.78rem;
  white-space:normal;
}
.mau-use-case-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}
.mau-how-layout{
  display:grid;
  grid-template-columns:minmax(280px,.42fr) minmax(0,1fr);
  align-items:start;
  gap:14px;
  padding-top:18px;
  padding-bottom:24px;
}
.mau-before-card,
.mau-note-panel,
.mau-status-card{
  border:1px solid var(--mau-border);
  border-radius:12px;
  background:rgba(255,255,255,.84);
  box-shadow:none;
}
.mau-before-card{
  position:sticky;
  top:86px;
  padding:18px;
  background:linear-gradient(180deg,#ffffff 0%,var(--mau-surface-tint) 100%);
}
.mau-before-card h2,
.mau-note-panel h2,
.mau-status-card h2{
  margin:0 0 10px;
  color:var(--mau-text);
  font-size:1.18rem;
  line-height:1.2;
}
.mau-detail-list{
  display:grid;
  gap:9px;
  margin:0;
  padding:0;
  list-style:none;
}
.mau-detail-list li{
  position:relative;
  padding-left:20px;
  color:var(--mau-muted);
  font-size:.94rem;
  font-weight:650;
  line-height:1.48;
}
.mau-detail-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--mau-accent);
}
.mau-process-list{
  display:grid;
  gap:10px;
  margin:0;
  padding:0;
  list-style:none;
}
.mau-process-list li{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:14px;
  border:1px solid var(--mau-border);
  border-radius:12px;
  background:rgba(255,255,255,.84);
  box-shadow:none;
  padding:16px;
}
.mau-process-list > li > span{
  display:inline-grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid rgba(69,98,93,.16);
  border-radius:10px;
  background:var(--mau-accent-soft);
  color:var(--mau-accent-strong);
  font-size:13px;
  font-weight:800;
}
.mau-process-list h2{
  margin:0 0 5px;
  color:var(--mau-text);
  font-size:1.08rem;
  line-height:1.25;
}
.mau-process-list p{
  margin:0;
  color:var(--mau-muted);
  font-size:.94rem;
  font-weight:600;
  line-height:1.52;
}
.mau-note-panel{
  padding:18px;
  background:linear-gradient(180deg,#ffffff 0%,var(--mau-surface-tint) 100%);
}
.mau-note-panel p{
  max-width:680px;
  margin:0;
  color:var(--mau-muted);
  font-weight:650;
  line-height:1.58;
}
.mau-availability-layout{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  padding-top:16px;
  padding-bottom:22px;
}
.mau-status-card{
  padding:17px;
}
.mau-status-card:first-child{
  background:linear-gradient(180deg,#ffffff 0%,var(--mau-surface-tint) 100%);
}
.mau-status-card-wide{
  grid-column:1 / -1;
}
.mau-status-card p{
  margin:0;
  color:var(--mau-muted);
  font-weight:650;
  line-height:1.6;
}
.mau-status-card .btn{
  margin-top:14px;
}
.mau-purchase-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(300px,.48fr);
  gap:14px;
  padding-top:18px;
  padding-bottom:18px;
}
.mau-purchase-summary,
.mau-purchase-card{
  border:1px solid var(--mau-border);
  border-radius:16px;
  background:rgba(255,255,255,.84);
  box-shadow:var(--mau-shadow-sm);
  padding:22px;
}
.mau-purchase-summary{
  display:grid;
  align-content:start;
  gap:12px;
  background:linear-gradient(180deg,#ffffff 0%,var(--mau-surface-tint) 100%);
}
.mau-purchase-summary h2,
.mau-purchase-card h2{
  margin:0;
  color:var(--mau-text);
  font-size:clamp(1.22rem,2vw,1.72rem);
  line-height:1.12;
}
.mau-purchase-summary p,
.mau-purchase-card p{
  margin:0;
  color:var(--mau-muted);
  font-weight:650;
  line-height:1.58;
}
.mau-purchase-card{
  display:grid;
  gap:14px;
}
.mau-placeholder-price{
  display:grid;
  gap:3px;
  border:1px solid var(--mau-border);
  border-radius:12px;
  background:#ffffff;
  padding:12px;
}
.mau-placeholder-price span{
  color:var(--mau-muted);
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.mau-placeholder-price strong{
  color:var(--mau-text);
  font-size:1.2rem;
  line-height:1.2;
}
.mau-purchase-flow{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin:0;
  padding:0;
  list-style:none;
}
.mau-purchase-flow li{
  display:grid;
  gap:12px;
  align-content:start;
  border:1px solid var(--mau-border);
  border-radius:14px;
  background:rgba(255,255,255,.84);
  box-shadow:var(--mau-shadow-sm);
  padding:18px;
}
.mau-purchase-flow > li > span{
  display:inline-grid;
  place-items:center;
  width:30px;
  height:30px;
  border:1px solid rgba(69,98,93,.16);
  border-radius:10px;
  background:var(--mau-accent-soft);
  color:var(--mau-accent-strong);
  font-size:13px;
  font-weight:800;
}
.mau-purchase-flow h3{
  margin:0 0 5px;
  color:var(--mau-text);
  font-size:1rem;
  line-height:1.25;
}
.mau-purchase-flow p{
  margin:0;
  color:var(--mau-muted);
  font-size:.92rem;
  font-weight:600;
  line-height:1.5;
}
.mau-release-note{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
}
.mau-release-card{
  display:grid;
  grid-template-columns:minmax(0,.72fr) minmax(0,1fr);
  gap:18px;
  align-items:start;
  padding:20px;
  border:1px solid var(--mau-border);
  border-radius:16px;
  background:linear-gradient(180deg,#ffffff 0%,var(--mau-surface-tint) 100%);
  box-shadow:var(--mau-shadow-sm);
}
.mau-release-card h2{
  margin:0 0 10px;
  color:var(--mau-text);
  font-size:clamp(1.22rem,2vw,1.72rem);
  line-height:1.12;
}
.mau-release-card p{
  margin:0;
  color:var(--mau-muted);
  font-weight:650;
  line-height:1.58;
}
.mau-release-list{
  display:grid;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.mau-release-list li{
  display:grid;
  gap:3px;
  padding:11px 12px;
  border:1px solid var(--mau-border);
  border-radius:12px;
  background:#ffffff;
}
.mau-release-list strong{
  color:var(--mau-text);
  font-size:.94rem;
  line-height:1.25;
}
.mau-release-list span{
  color:var(--mau-muted);
  font-size:.86rem;
  font-weight:650;
  line-height:1.35;
}

body[data-page="message-archive-utility"] .container,
.mau-site-header,
.mau-brand,
.mau-nav,
.mau-proof-strip,
.mau-offer-layout,
.mau-offer-card,
.mau-philosophy-grid,
.mau-panel,
.mau-format,
.mau-backup-flow,
.mau-split,
.mau-download,
.mau-privacy-card,
.mau-policy-layout,
.mau-policy-list,
.mau-faq-groups,
.mau-faq-group,
.mau-walkthrough-card,
.mau-faq-item,
.mau-export-card,
.mau-export-preview,
.mau-sheet-row,
.mau-how-layout,
.mau-before-card,
.mau-process-list,
.mau-note-panel,
.mau-availability-layout,
.mau-status-card,
.mau-purchase-layout,
.mau-purchase-summary,
.mau-purchase-card,
.mau-purchase-flow,
.mau-release-card,
.mau-release-list{
  min-width:0;
}

body[data-page="message-archive-utility"] h1,
body[data-page="message-archive-utility"] h2,
body[data-page="message-archive-utility"] h3,
body[data-page="message-archive-utility"] p,
body[data-page="message-archive-utility"] a,
body[data-page="message-archive-utility"] li,
body[data-page="message-archive-utility"] span{
  overflow-wrap:break-word;
}
body[data-page="message-archive-utility"] h1,
body[data-page="message-archive-utility"] h2,
body[data-page="message-archive-utility"] h3{
  letter-spacing:0;
}
body[data-page="message-archive-utility"] code{
  overflow-wrap:anywhere;
}
body[data-page="message-archive-utility"] .btn{
  min-height:36px;
  border-radius:8px;
  padding:0 12px;
  font-weight:700;
}
body[data-page="message-archive-utility"] .btn.primary{
  border-color:var(--mau-accent);
  background:var(--mau-accent);
  color:#ffffff;
  box-shadow:none;
}
body[data-page="message-archive-utility"] .btn.ghost{
  border-color:#ded6ca;
  background:var(--mau-surface-soft);
  color:#5b554d;
}
body[data-page="message-archive-utility"] .btn:hover{
  transform:none;
}
body[data-page="message-archive-utility"] .btn.is-disabled,
body[data-page="message-archive-utility"] .btn:disabled{
  border-color:#d6cec2;
  background:#ede7df;
  color:#8a8278;
  box-shadow:none;
  cursor:not-allowed;
}
body[data-page="message-archive-utility"] .site-footer{
  background:var(--mau-bg);
  color:var(--mau-muted);
}
body[data-page="message-archive-utility"] .site-footer::before{
  background:linear-gradient(90deg, transparent, rgba(216,207,193,.9), transparent);
}
body[data-page="message-archive-utility"] .site-footer > :first-child{
  color:var(--mau-text);
}
.mau-app-preview{
  min-width:0;
}
.mau-preview-window{
  display:grid;
  gap:12px;
  max-width:560px;
  margin-left:auto;
  border:1px solid rgba(32,33,36,.10);
  border-radius:18px;
  background:linear-gradient(180deg,#ffffff 0%,#f8f6f2 100%);
  box-shadow:0 18px 42px rgba(45,39,29,.09), 0 1px 0 rgba(255,255,255,.9) inset;
  padding:14px;
}
.mau-preview-titlebar{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  min-height:34px;
  border:1px solid #ded8ce;
  border-radius:12px;
  background:rgba(244,240,232,.78);
  padding:7px 10px;
}
.mau-preview-titlebar strong{
  color:var(--mau-text);
  font-size:13px;
  font-weight:800;
}
.mau-preview-titlebar > span:last-child{
  color:var(--mau-muted);
  font-size:11px;
  font-weight:750;
}
.mau-window-dots{
  display:inline-flex;
  gap:5px;
}
.mau-window-dots i{
  display:block;
  width:9px;
  height:9px;
  border-radius:999px;
  background:#d8cfc1;
}
.mau-window-dots i:first-child{background:#d7b98c}
.mau-window-dots i:nth-child(2){background:#d8cfc1}
.mau-window-dots i:last-child{background:#c9bda9}
.mau-preview-app-shell{
  display:grid;
  grid-template-columns:minmax(136px,.48fr) minmax(0,1fr);
  gap:12px;
  min-height:312px;
}
.mau-preview-sidebar{
  display:grid;
  align-content:start;
  gap:8px;
  border:1px solid rgba(32,33,36,.08);
  border-radius:14px;
  background:rgba(244,240,232,.54);
  padding:10px;
}
.mau-preview-status,
.mau-preview-thread{
  display:grid;
  gap:3px;
  border:1px solid rgba(32,33,36,.07);
  border-radius:11px;
  background:rgba(255,255,255,.74);
  padding:9px;
}
.mau-preview-status span,
.mau-preview-thread span,
.mau-preview-thread small,
.mau-preview-search,
.mau-preview-meta span{
  color:var(--mau-muted);
  font-size:10px;
  font-weight:800;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.mau-preview-status strong,
.mau-preview-thread strong{
  color:var(--mau-text);
  font-size:13px;
  line-height:1.2;
}
.mau-preview-search{
  border:1px solid #ded8ce;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  padding:7px 9px;
  text-transform:none;
  letter-spacing:0;
}
.mau-preview-thread.is-active{
  border-color:rgba(69,98,93,.24);
  background:#ffffff;
  box-shadow:0 6px 14px rgba(45,39,29,.05);
}
.mau-preview-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
}
.mau-preview-stats div{
  display:grid;
  gap:3px;
  border:1px solid rgba(32,33,36,.08);
  border-radius:12px;
  background:rgba(255,255,255,.86);
  padding:10px;
}
.mau-preview-stats span,
.mau-preview-thread-head span,
.mau-preview-message span{
  color:var(--mau-muted);
  font-size:11px;
  font-weight:800;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.mau-preview-stats strong{
  color:var(--mau-text);
  font-size:19px;
  line-height:1.1;
}
.mau-preview-conversation{
  display:grid;
  align-content:start;
  gap:10px;
  min-height:0;
  border:1px solid rgba(32,33,36,.08);
  border-radius:14px;
  background:linear-gradient(180deg,#fbfaf7 0%,#f8f6f2 100%);
  padding:14px;
}
.mau-preview-thread-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  padding-bottom:8px;
  border-bottom:1px solid rgba(32,33,36,.08);
}
.mau-preview-thread-head strong{
  color:var(--mau-text);
  font-size:18px;
  line-height:1.2;
}
.mau-preview-meta{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:5px;
}
.mau-preview-meta span{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  border:1px solid var(--mau-border-strong);
  border-radius:999px;
  background:#ffffff;
  color:var(--mau-accent);
  padding:0 7px;
  white-space:nowrap;
}
.mau-preview-message{
  display:grid;
  gap:4px;
  width:min(82%,330px);
  border:1px solid rgba(32,33,36,.08);
  border-radius:14px;
  background:#ffffff;
  padding:10px 12px;
  box-shadow:0 8px 18px rgba(45,39,29,.04);
}
.mau-preview-message.is-right{
  justify-self:end;
  border-color:rgba(69,98,93,.18);
  background:var(--mau-accent-soft);
}
.mau-preview-message p{
  margin:0;
  color:var(--mau-text-body);
  font-size:13px;
  font-weight:650;
  line-height:1.42;
}
.mau-preview-footer{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.mau-preview-export-chips{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.mau-preview-export-chips span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  border:1px solid var(--mau-border-strong);
  border-radius:999px;
  background:#ffffff;
  color:var(--mau-accent);
  padding:0 9px;
  font-size:12px;
  font-weight:800;
}
.mau-preview-footer p{
  margin:0;
  color:var(--mau-muted);
  font-size:12px;
  font-weight:750;
}

@media (max-width:900px){
  .mau-site-header{
    align-items:flex-start;
    flex-direction:column;
  }
  .mau-nav{
    justify-content:flex-start;
    max-width:100%;
  }
  .mau-hero{
    min-height:auto;
  }
  .mau-hero-inner{
    grid-template-columns:1fr;
    gap:24px;
    padding-top:38px;
    padding-bottom:42px;
  }
  .mau-preview-window{
    max-width:none;
    margin-left:0;
  }
  .mau-promise-grid,
  .mau-format-grid,
  .mau-faq-grid,
  .mau-offer-layout,
  .mau-philosophy-grid,
  .mau-steps,
  .mau-backup-flow,
  .mau-split,
  .mau-download,
  .mau-privacy-layout,
  .mau-policy-layout,
  .mau-faq-group,
  .mau-walkthrough,
  .mau-faq-list,
  .mau-export-grid,
  .mau-use-case-grid,
  .mau-how-layout,
  .mau-availability-layout,
  .mau-purchase-layout,
  .mau-purchase-flow,
  .mau-release-card,
  .mau-release-note{
    grid-template-columns:1fr;
  }
  .mau-before-card{
    position:static;
  }
  .mau-policy-layout .mau-note-panel{
    position:static;
  }
  .mau-walkthrough-overview{
    grid-row:auto;
  }
  .mau-download .btn{
    justify-self:start;
  }
}

@media (max-width:640px){
  .mau-site-header{
    padding:9px 0 10px;
    gap:8px;
  }
  .mau-brand{
    padding:0 16px;
    font-size:.96rem;
    gap:10px;
  }
  .mau-brand-icon{
    width:36px;
    height:36px;
    border-radius:10px;
    flex:0 0 auto;
  }
  .mau-brand span{
    min-width:0;
  }
  .mau-nav{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:3px;
    width:calc(100% - 32px);
    max-width:calc(100% - 32px);
    margin:0 16px;
    overflow:visible;
    border-radius:999px;
    padding:3px;
  }
  .mau-nav a{
    min-height:29px;
    padding:6px 4px;
    min-width:0;
    font-size:.76rem;
    text-align:center;
    white-space:normal;
  }
  .mau-hero-inner{
    padding-top:32px;
    padding-bottom:34px;
  }
  .mau-hero h1{
    max-width:100%;
    font-size:clamp(1.82rem, 7.65vw, 2.16rem);
    line-height:1.1;
    letter-spacing:0;
    overflow-wrap:break-word;
  }
  .mau-hero-copy{
    max-width:100%;
    font-size:1rem;
  }
  .mau-page-hero{
    padding-top:34px;
    padding-bottom:14px;
  }
  .mau-page-hero h1{
    max-width:100%;
    font-size:clamp(1.72rem, 7.7vw, 2.18rem);
    line-height:1.08;
    letter-spacing:0;
    overflow-wrap:break-word;
  }
  .mau-page-hero p:not(.mau-kicker){
    max-width:100%;
    font-size:1rem;
  }
  .mau-actions .btn{
    width:100%;
  }
  .mau-proof-strip{
    grid-template-columns:1fr;
    gap:6px;
  }
  .mau-section{
    padding-top:30px;
  }
  .mau-split,
  .mau-download,
  .mau-panel,
  .mau-format,
  .mau-steps li,
  .mau-privacy-card,
  .mau-walkthrough-card,
  .mau-faq-item,
  .mau-export-card,
  .mau-before-card,
  .mau-process-list li,
  .mau-note-panel,
  .mau-status-card,
  .mau-purchase-summary,
  .mau-purchase-card,
  .mau-purchase-flow li,
  .mau-release-card{
    border-radius:12px;
    padding:16px;
  }
  .mau-faq-groups{
    gap:18px;
  }
  .mau-faq-group{
    gap:8px;
    padding-top:16px;
  }
  .mau-faq-group .mau-faq-item{
    grid-column:auto;
  }
  .mau-privacy-card,
  .mau-faq-item{
    padding:15px 0 16px;
  }
  .mau-backup-flow li{
    padding:15px 0;
  }
  .mau-preview-window{
    border-radius:14px;
    padding:11px;
  }
  .mau-preview-app-shell{
    grid-template-columns:1fr;
    min-height:0;
  }
  .mau-preview-sidebar{
    grid-template-columns:1fr;
  }
  .mau-preview-thread:not(.is-active){
    display:none;
  }
  .mau-preview-thread-head{
    display:grid;
  }
  .mau-preview-meta{
    justify-content:flex-start;
  }
  .mau-preview-stats{
    grid-template-columns:1fr;
  }
  .mau-preview-conversation{
    min-height:auto;
  }
  .mau-preview-message{
    width:100%;
  }
  .mau-preview-footer{
    align-items:flex-start;
    flex-direction:column;
  }
  .mau-preview-footer p{
    width:100%;
  }
  .mau-export-preview{
    min-height:auto;
    padding:16px;
  }
  .mau-sheet-tabs{
    flex-wrap:wrap;
  }
  .mau-export-preview-excel{
    overflow-x:hidden;
    padding-bottom:4px;
  }
  .mau-export-preview-excel .mau-sheet-tabs,
  .mau-sheet-row{
    min-width:0;
  }
  .mau-sheet-row{
    grid-template-columns:minmax(48px, .58fr) minmax(64px, .72fr) minmax(84px, 1fr);
    gap:6px;
    padding:8px;
    font-size:.68rem;
  }
  .site-footer.container{
    padding-left:16px;
    padding-right:16px;
  }
  body[data-page="message-archive-utility"] .site-footer{
    gap:8px;
    margin-top:28px;
    font-size:.82rem;
  }
}

@media (max-width:420px){
  .container{
    padding-left:16px;
    padding-right:16px;
  }
  .mau-nav{
    width:calc(100% - 24px);
    max-width:calc(100% - 24px);
    margin:0 12px;
  }
  .mau-split,
  .mau-download,
  .mau-panel,
  .mau-format,
  .mau-steps li,
  .mau-privacy-card,
  .mau-walkthrough-card,
  .mau-faq-item,
  .mau-export-card,
  .mau-before-card,
  .mau-process-list li,
  .mau-note-panel,
  .mau-status-card,
  .mau-purchase-summary,
  .mau-purchase-card,
  .mau-purchase-flow li,
  .mau-release-card{
    padding:14px;
  }
  .mau-export-preview{
    padding:12px;
  }
  .mau-sheet-row{
    grid-template-columns:minmax(44px, .56fr) minmax(58px, .68fr) minmax(76px, 1fr);
  }
}