/* Fortunatus Holdings — mobile-first, modern, accessible */
:root{
  --bg:#0f1115;
  --card:#151821;
  --fg:#e9eef5;
  --muted:#a6b0c3;
  --brand:#00ffff; /* cyan */
  --brand-ink:#0c2a2a;
  --accent:#5df0ff;
  --radius:14px;
  --shadow:0 10px 30px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;line-height:1.6}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:1100px;margin:0 auto;padding:0 18px}

.site-header{position:sticky;top:0;backdrop-filter:blur(6px);background:rgba(15,17,21,.75);border-bottom:1px solid rgba(255,255,255,.06);z-index:10}
.header-wrap{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.logo{height:36px}
.nav a{margin-left:14px;font-weight:600;color:var(--fg)}
.nav a:hover{color:var(--accent)}

.hero{padding:72px 0;background:radial-gradient(1200px 500px at 50% -10%, rgba(0,255,255,.15), transparent)}
.hero h1{font-size:2.2rem;margin:0 0 8px}
.subtitle{color:var(--muted);margin:0 0 18px}
.cta-row{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-block;border:1px solid rgba(255,255,255,.2);padding:10px 16px;border-radius:999px;font-weight:700;text-decoration:none;transition:.2s;background:transparent;color:var(--fg)}
.btn.primary{background:var(--brand);color:#002b2b;border:none}
.btn.ghost:hover{border-color:var(--accent)}
.btn.small{padding:8px 12px;font-size:.9rem}

.section{padding:56px 0}
.section.alt{background:linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0))}
h2{margin-top:0;font-size:1.6rem}
.card{background:var(--card);padding:18px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.06)}
.cards{display:grid;gap:16px;grid-template-columns:1fr}
@media(min-width:750px){.cards{grid-template-columns:repeat(3,1fr)}}
.grid-2{display:grid;gap:18px;grid-template-columns:1fr}
@media(min-width:900px){.grid-2{grid-template-columns:1.1fr .9fr}}

.checklist{padding-left:0;list-style:none}
.checklist li{margin:8px 0;position:relative;padding-left:28px}
.checklist li::before{content:"✓";position:absolute;left:0;top:0;color:var(--brand)}

.keyfacts{padding-left:0;list-style:none;margin:0}
.keyfacts li{margin:8px 0}

label{display:block;font-weight:600;margin:10px 0 6px}
input,textarea{width:100%;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#0c0f14;color:var(--fg)}
input:focus,textarea:focus{outline:2px solid var(--accent);border-color:transparent}

.site-footer{padding:28px 0;border-top:1px solid rgba(255,255,255,.06);color:var(--muted);text-align:center}
.small{font-size:.85rem;color:var(--muted)}