/* fyyn.io — shared design system for sub-pages (matches the homepage/app look) */
:root{
  color-scheme:dark;
  --bg:#000;--bg-1:#0b0b0d;--bg-2:#141417;--card:#161618;
  --line:#232327;--line-2:#2e2e34;
  --txt:#fff;--txt-dim:#8a8a92;--txt-faint:#56565d;
  --neon:#dcea0f;--neon-glow:rgba(220,234,15,.5);
  --amber:#ffaa00;--amber-glow:rgba(255,170,0,.45);
  --radius:6px;--radius-sm:5px;
  /* compatibility aliases for inline styles carried over from old pages */
  --text-primary:#fff;--text-secondary:#8a8a92;--text-muted:#56565d;
  --accent:#ffaa00;--accent-light:#ffc04d;--border:#232327;
  --bg-dark:#000;--bg-card:#161618;--bg-card-hover:#1a1a28;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:#000}
body{background:#000;color:var(--txt);font-family:'Montserrat',sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column}
::selection{background:var(--neon);color:#000}
a{text-decoration:none;color:inherit}
img{max-width:100%}

/* nav */
nav{position:sticky;top:0;z-index:60;background:rgba(0,0,0,.82);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;gap:26px;height:56px;padding:0 22px;max-width:1100px;margin:0 auto}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;font-size:18px;letter-spacing:-.02em;white-space:nowrap}
.brand-mark{width:30px;height:30px;border-radius:var(--radius-sm);background:var(--amber);display:grid;place-items:center;color:#000;font-weight:900;font-size:19px;letter-spacing:-.04em;line-height:1;box-shadow:0 0 18px var(--amber-glow)}
.brand .dot{color:var(--amber)}
.nav-right{display:flex;gap:10px;align-items:center;margin-left:auto}
.btn-login{font-size:13.5px;font-weight:700;color:var(--txt-dim);cursor:pointer}
.btn-login:hover{color:var(--txt)}
.btn-signup{background:var(--neon);color:#000;font-weight:800;font-size:13.5px;padding:8px 16px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:.2s}
.btn-signup:hover{box-shadow:0 0 24px var(--neon-glow)}

/* content / prose */
main{flex:1 0 auto}
.wrap{max-width:820px;margin:0 auto;padding:56px 22px 20px}
.prose h1{font-size:clamp(30px,5vw,46px);font-weight:900;letter-spacing:-.025em;line-height:1.05;margin:0 0 20px}
.prose h2{font-size:21px;font-weight:800;letter-spacing:-.01em;margin:36px 0 10px;color:var(--txt)}
.prose h3{font-size:16.5px;font-weight:800;margin:24px 0 8px;color:var(--txt)}
.prose h6{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-faint);margin:0 0 12px}
.prose p{color:var(--txt-dim);line-height:1.75;margin:0 0 14px;font-size:15px}
.prose ul,.prose ol{margin:0 0 16px 22px;color:var(--txt-dim)}
.prose li{margin-bottom:8px;line-height:1.65;font-size:15px}
.prose strong,.prose b{color:var(--txt);font-weight:700}
.prose a{color:var(--amber);font-weight:600}
.prose a:hover{text-decoration:underline}
.prose hr{border:none;border-top:1px solid var(--line);margin:30px 0}
.prose table{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px}
.prose th,.prose td{border:1px solid var(--line);padding:10px 12px;text-align:left;color:var(--txt-dim)}
.prose th{background:var(--bg-2);color:var(--txt);font-weight:700}
.about-photo{width:120px;height:120px;border-radius:14px;object-fit:cover;border:1px solid var(--line);margin:0 0 22px}
.lead-date{font-size:13px;color:var(--txt-faint);margin:-8px 0 28px}

/* footer (same as homepage) */
footer{border-top:1px solid var(--line);margin-top:70px;padding:48px 22px 30px;color:var(--txt-faint);font-size:12px;background:#000;flex-shrink:0}
.ft-top{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:34px}
@media(max-width:760px){.ft-top{grid-template-columns:minmax(0,7fr) minmax(0,3fr);gap:34px 28px}.ft-brand p{max-width:none}}
.ft-brand .ft-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.ft-brand .ft-mark{width:30px;height:30px;border-radius:7px;background:var(--amber);display:grid;place-items:center;color:#000;font-weight:900;font-size:17px}
.ft-brand .ft-name{font-size:18px;font-weight:900;color:var(--txt)}
.ft-brand .ft-name b{color:var(--amber)}
.ft-brand p{font-size:12.5px;color:var(--txt-dim);line-height:1.6;max-width:240px}
.ft-col h4{font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--txt-faint);margin-bottom:14px}
.ft-col a{display:block;font-size:13.5px;color:var(--txt-dim);margin-bottom:11px;transition:.15s}
.ft-col a:hover{color:var(--neon)}
.ft-bottom{max-width:1100px;margin:40px auto 0;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:6px 18px;flex-wrap:wrap;text-align:center;font-size:12px;color:var(--txt-faint)}
.ft-disc{max-width:1100px;margin:14px auto 0;font-size:11px;color:var(--txt-faint);line-height:1.5;text-align:center}

/* carried-over content classes */
.prose .last-updated{font-size:13px;color:var(--txt-faint);margin:-8px 0 26px}
.prose .contact-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px;margin:0 0 14px}
.prose .contact-card h3{margin:0 0 5px}
.prose .contact-card p{margin:0}