:root {
    --bg: #ffffff;
    --fg: #1d1d1f;
    --accent: #0071e3;
    --gray-light: #f5f5f7;
    --gray-mid: #86868b;
    --border: #d2d2d7;
    --container-max: 1100px;
    --radius: 20px;
    --section-spacing: 120px; /* Standardized spacing for breathability */
}

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Inter', sans-serif; background: var(--bg); color: var(--fg); line-height: 1.65; -webkit-font-smoothing: antialiased; }
.container { max-width: var(--container-max); margin: 0 auto; padding: 0 40px; }

/* Navigation */
.glass-nav { position: fixed; top: 0; width: 100%; height: 60px; background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(20px); border-bottom: 1px solid rgba(0,0,0,0.08); z-index: 1000; }
.nav-content { display: flex; justify-content: space-between; align-items: center; height: 100%; }
.brand { font-weight: 700; font-size: 20px; text-decoration: none; color: var(--fg); letter-spacing: -0.03em; }
.brand span { font-weight: 300; }
.nav-links { display: flex; gap: 40px; }
.nav-links a { text-decoration: none; color: var(--fg); font-size: 13px; font-weight: 500; opacity: 0.8; transition: 0.2s; }
.nav-links a:hover { opacity: 1; color: var(--accent); }
.cta-pill { background: var(--fg); color: white !important; padding: 7px 18px; border-radius: 40px; font-weight: 600 !important; }

/* Sections & Spacing */
.hero-section { padding: 180px 0 100px; text-align: center; }
.section-padding { padding: var(--section-spacing) 0; }
.section-head { margin-bottom: 60px; }
.section-head h2 { font-size: 48px; letter-spacing: -0.02em; }

/* Hero Hierarchy */
h1 { font-size: 84px; font-weight: 800; line-height: 1.05; letter-spacing: -4px; margin-bottom: 32px; }
h1 .thin { font-weight: 300; opacity: 0.6; }
.hero-lead { font-size: 26px; max-width: 800px; margin: 0 auto 48px; color: var(--gray-mid); font-weight: 400; }

/* Insights Grid (Breathable Pinterest Style) */
.insights-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 32px; }
.insight-card { background: white; padding: 40px; border-radius: var(--radius); border: 1px solid var(--border); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); text-decoration: none; color: inherit; display: flex; flex-direction: column; }
.insight-card:hover { transform: translateY(-8px); box-shadow: 0 30px 60px rgba(0,0,0,0.06); border-color: var(--accent); }
.insight-card.highlight { background: var(--fg); color: white; border: none; }
.card-meta { font-size: 11px; font-weight: 700; text-transform: uppercase; margin-bottom: 16px; color: var(--accent); letter-spacing: 0.05em; }

/* Articles */
.main-article { max-width: 850px; padding: 160px 40px 100px; }
.article-header { margin-bottom: 80px; }
.article-body { font-size: 21px; line-height: 1.75; color: #3c3c43; }
.article-body h2 { margin: 60px 0 24px; font-size: 34px; color: var(--fg); letter-spacing: -0.02em; }
.insight-box { background: var(--gray-light); padding: 48px; border-radius: 20px; margin: 56px 0; border-left: 6px solid var(--accent); }

/* Forms */
.contact-section { padding: var(--section-spacing) 0; }
.contact-card { background: #000; color: white; padding: 100px; border-radius: 40px; display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.minimal-form { display: flex; flex-direction: column; gap: 16px; }
.minimal-form input, .minimal-form textarea { background: #1d1d1f; border: 1px solid #333; padding: 20px; border-radius: 12px; color: white; font-size: 16px; outline: none; }
.btn-dark { background: #fff; color: #000; padding: 20px 40px; border-radius: 40px; font-weight: 700; border: none; cursor: pointer; font-size: 17px; transition: 0.3s; }
.btn-dark:hover { opacity: 0.9; transform: scale(0.98); }

@media (max-width: 1024px) {
    h1 { font-size: 64px; }
    .contact-card { grid-template-columns: 1fr; padding: 60px; }
}