/* Frame — shared styles for the standalone content pages
   (About, Contact, Privacy Policy, Terms of Service).

   Design tokens and component rules are copied verbatim from index.html so
   these pages stay pixel-identical to the in-app versions they replace. */

*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;max-width:100vw;overflow-x:hidden;}
body{background:var(--bg);color:var(--ink);font-family:'IBM Plex Sans',sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:hidden;max-width:100vw;}
img{max-width:100%;display:block;}
a{color:inherit;}
.wrap{max-width:1180px;margin:0 auto;padding:0 32px;position:relative;z-index:2;}

:root{
  --bg:#08090B;
  --surface:rgba(255,255,255,0.035);
  --border:rgba(255,255,255,0.09);
  --border-soft:rgba(255,255,255,0.05);
  --ink:#F4F2EC;
  --ink-soft:#9B9B94;
  --ink-dim:#6B6B66;
  --gold:#E8B94E;
  --gold-soft:rgba(232,185,78,0.13);
  --gold-glow:rgba(232,185,78,0.35);
  --laser:#4EE8C3;
  --laser-soft:rgba(78,232,195,0.13);
  --confirm:#4EE8A0;
}

/* .brand / .brand-mark are owned by /assets/nav.css (global header). */

.static-page{min-height:100vh;}
.static-nav{display:flex;align-items:center;justify-content:space-between;padding:26px 32px;border-bottom:1px solid var(--border-soft);max-width:824px;margin:0 auto;}
.static-nav .brand{text-decoration:none;}
.static-back{font-family:'IBM Plex Mono',monospace;font-size:13px;color:var(--ink-soft);text-decoration:none;}
.static-back:hover{color:var(--gold);}
.static-main{max-width:760px;margin:0 auto;padding:64px 32px 90px;line-height:1.7;}
.static-main h1{font-family:'Archivo',sans-serif;font-size:clamp(30px,4vw,44px);font-weight:800;margin:16px 0 12px;letter-spacing:-0.01em;line-height:1.15;}
.static-main h1 em{font-style:normal;background:linear-gradient(100deg,var(--gold),var(--laser));-webkit-background-clip:text;background-clip:text;color:transparent;}
.static-main h2{font-family:'Archivo',sans-serif;font-size:20px;font-weight:700;margin:40px 0 14px;letter-spacing:-0.01em;}
.static-main p{color:var(--ink-soft);font-size:15px;margin-bottom:14px;}
.static-main .lead{font-size:17px;max-width:560px;}
.static-main ul{color:var(--ink-soft);font-size:15px;margin:0 0 14px 20px;}
.static-main li{margin-bottom:8px;}
.static-main strong{color:var(--ink);}
.static-main a{color:var(--laser);}
.static-main .eyebrow{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);}
.static-main .updated{font-family:'IBM Plex Mono',monospace;font-size:12.5px;color:var(--ink-dim);margin-bottom:44px;display:block;}
.static-main .callout{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin:24px 0;font-size:14px;color:var(--ink-soft);}
.static-main .callout strong{color:var(--gold);}
.static-main .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:40px 0;}
.static-main .stat{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:22px;text-align:center;}
.static-main .stat b{display:block;font-family:'Archivo',sans-serif;font-size:26px;color:var(--gold);}
.static-main .stat span{font-family:'IBM Plex Mono',monospace;font-size:11.5px;color:var(--ink-dim);text-transform:uppercase;letter-spacing:.05em;}
.static-main .values{display:grid;gap:14px;margin-top:20px;}
.static-main .value-item{display:flex;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 20px;}
.static-main .value-item .mark{width:8px;height:8px;border-radius:50%;background:var(--laser);flex-shrink:0;margin-top:7px;}
.static-main .value-item h3{font-size:15px;color:var(--ink);margin-bottom:4px;}
.static-main .value-item p{font-size:14px;margin:0;}
.static-main .contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;}
.static-main .contact-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:26px;}
.static-main .contact-card .icon{width:38px;height:38px;border-radius:10px;background:var(--gold-soft);color:var(--gold);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
.static-main .contact-card h3{font-size:15px;margin-bottom:6px;color:var(--ink);}
.static-main .contact-card p{font-size:13.5px;}
.static-main .contact-card a{font-family:'IBM Plex Mono',monospace;font-size:13px;}
.static-main form{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:32px;margin-top:36px;}
.static-main form h2{font-family:'Archivo',sans-serif;font-size:18px;margin-bottom:20px;margin-top:0;}
.static-main .field{margin-bottom:18px;}
.static-main .field label{display:block;font-family:'IBM Plex Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-dim);margin-bottom:8px;}
.static-main .field input,.static-main .field textarea{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:8px;background:rgba(255,255,255,0.02);font-family:'IBM Plex Sans',sans-serif;font-size:14px;color:var(--ink);outline:none;}
.static-main .field input:focus,.static-main .field textarea:focus{border-color:var(--gold);}
.static-main .field textarea{resize:vertical;min-height:110px;}
.static-main .submit-btn{font-family:'IBM Plex Mono',monospace;font-size:13.5px;font-weight:600;background:var(--gold);color:#0A0B0D;border:none;border-radius:10px;padding:13px 24px;cursor:pointer;}
.static-main .note{font-size:12.5px;color:var(--ink-dim);margin-top:12px;}
.static-footer{border-top:1px solid var(--border-soft);padding:32px;text-align:center;font-family:'IBM Plex Mono',monospace;font-size:12px;color:var(--ink-dim);}
.static-footer a{color:var(--ink-dim);}
@media(max-width:600px){.static-main .stats{grid-template-columns:1fr;}.static-main .contact-grid{grid-template-columns:1fr;}}