/*
Theme Name: SaaS Gutenberg Starter
Theme URI: https://example.com/
Author: Starter Kit
Description: Clean starter theme structure for Gutenberg + SaaS landing pages. Includes patterns and basic templates.
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: wp-saas-starter
*/

:root{
  --bg:#071426; --surface:#0b1f3a; --text:#eaf2ff; --muted:#9fb3c8; --accent:#35b6ff; --accent2:#22d3a6;
  --line:rgba(255,255,255,.10); --radius:16px; --shadow:0 16px 45px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}
a{color:var(--accent);text-decoration:none}
a:hover{opacity:.9}

.container{max-width:1200px;margin:0 auto;padding:0 22px}
.nav{position:sticky;top:0;z-index:50;background:rgba(7,20,38,.78);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;gap:14px;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:.2px;color:var(--text)}
.menu{list-style:none;margin:0;padding:0;display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.menu a{color:var(--muted);font-weight:650;font-size:14px;padding:8px 10px;border-radius:10px}
.menu a:hover{color:var(--text);background:rgba(255,255,255,.06)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;font-weight:750;font-size:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.06);color:var(--text)}
.btn:hover{background:rgba(255,255,255,.10)}
.btn.primary{border:1px solid rgba(53,182,255,.38);background:linear-gradient(180deg, rgba(53,182,255,.22), rgba(53,182,255,.10));box-shadow:0 10px 30px rgba(53,182,255,.18);}

.site-footer{border-top:1px solid var(--line);padding:32px 0;color:var(--muted)}
.site-footer a{color:var(--muted);font-weight:650}
.site-footer a:hover{color:var(--text)}

.page-wrap{padding:28px 0}
.entry-title{margin:0 0 14px 0;font-size:34px;line-height:1.1}
.entry-meta{color:var(--muted);font-size:13px;margin:0 0 16px 0}
.entry-content{color:var(--text)}
.entry-content p{color:var(--muted);max-width:80ch}

@media (max-width: 980px){
  .nav-inner{flex-direction:column;align-items:flex-start}
  .menu{gap:8px}
}