@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,400;0,600;0,700;0,800;0,900;1,700;1,800;1,900&display=swap');*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--black:#000000;--white:#ffffff;--gray:#888888;--light-gray:#f4f4f2;--border:#e0e0e0;--dark-border:#1a1a1a}html{scroll-behavior:smooth}body{font-family:'Figtree',sans-serif;background:var(--white);color:var(--black);overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 48px;background:rgba(255,255,255,0.96);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.nav-logo{font-size:11px;font-weight:400;letter-spacing:0.25em;text-transform:uppercase;text-decoration:none;color:var(--black)}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{font-size:11px;font-weight:400;letter-spacing:0.12em;text-transform:uppercase;text-decoration:none;color:var(--gray);transition:color 0.2s}.nav-links a:hover{color:var(--black)}.nav-cta{font-size:10px !important;font-weight:600 !important;color:var(--white) !important;background:var(--black);padding:12px 24px;transition:opacity 0.2s !important}.nav-cta:hover{opacity:0.75;color:var(--white) !important}footer{background:var(--black);border-top:1px solid #111;padding:60px 48px 32px}.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-brand .footer-logo{font-size:11px;font-weight:700;letter-spacing:0.25em;text-transform:uppercase;color:#fff;text-decoration:none;display:block;margin-bottom:16px}.footer-brand p{font-size:13px;color:#bbb;line-height:1.7;max-width:260px}.footer-col h4{font-size:10px;font-weight:700;letter-spacing:0.22em;text-transform:uppercase;color:#fff;margin-bottom:18px}.footer-col a{display:block;font-size:13px;color:#fff;text-decoration:none;margin-bottom:12px;transition:color 0.2s}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #111;padding-top:24px;display:flex;justify-content:space-between;align-items:center}.footer-bottom span{font-size:11px;color:#333}.hero{min-height:100vh;background:var(--black);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:100px 48px 60px;position:relative;overflow:hidden}.hero-eyebrow{font-size:11px;font-weight:400;letter-spacing:0.3em;text-transform:uppercase;color:var(--gray);margin-bottom:28px;opacity:0;animation:fadeUp 0.8s 0.2s forwards}.hero-title{font-size:clamp(52px,8vw,110px);font-weight:900;line-height:0.95;color:var(--white);text-transform:uppercase;margin-bottom:12px;opacity:0;animation:fadeUp 0.8s 0.35s forwards}.hero-title em{font-style:italic;color:var(--gray)}.hero-rule{width:48px;height:2px;background:var(--white);margin:28px auto;opacity:0;animation:fadeUp 0.8s 0.5s forwards}.hero-sub{font-size:clamp(16px,2vw,22px);font-weight:400;color:#aaa;max-width:560px;line-height:1.6;margin-bottom:48px;opacity:0;animation:fadeUp 0.8s 0.6s forwards}.hero-cta{display:inline-block;font-size:11px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;text-decoration:none;color:var(--black);background:var(--white);padding:18px 40px;transition:opacity 0.2s;opacity:0;animation:fadeUp 0.8s 0.75s forwards}.hero-cta:hover{opacity:0.8}.hero-ghost{position:absolute;bottom:-40px;right:-20px;font-size:380px;font-weight:900;color:rgba(255,255,255,0.03);line-height:1;pointer-events:none;user-select:none}@keyframes fadeUp{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}section{padding:72px 48px}.section-inner{max-width:1200px;margin:0 auto}.section-eyebrow{font-size:10px;font-weight:400;letter-spacing:0.3em;text-transform:uppercase;color:var(--gray);margin-bottom:16px}.section-rule{width:36px;height:2px;background:var(--black);margin-bottom:24px}.section-rule.white{background:var(--white)}.section-title{font-size:clamp(32px,5vw,64px);font-weight:900;line-height:1.0;text-transform:uppercase;margin-bottom:24px}.section-title em{font-style:italic;color:var(--gray)}.section-body{font-size:18px;font-weight:400;line-height:1.7;color:#444;max-width:580px}.stats-bar{background:var(--white);border-bottom:1px solid var(--border);display:flex;align-items:stretch}.stat-item{flex:1;padding:48px 32px;text-align:center;border-right:1px solid var(--border)}.stat-item:last-child{border-right:none}.stat-number{font-size:clamp(36px,5vw,56px);font-weight:900;color:var(--black);line-height:1;margin-bottom:8px}.stat-number em{font-style:italic;color:var(--gray)}.stat-label{font-size:11px;font-weight:400;letter-spacing:0.2em;text-transform:uppercase;color:var(--gray)}.services-section{background:var(--black)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:60px}.service-card{background:var(--black);padding:44px 36px;border:1px solid #1a1a1a;transition:border-color 0.2s}.service-card:hover{border-color:#333}.service-num{font-size:10px;font-weight:400;letter-spacing:0.3em;color:#444;margin-bottom:20px}.service-name{font-size:20px;font-weight:800;color:var(--white);text-transform:uppercase;margin-bottom:14px;line-height:1.1}.service-desc{font-size:14px;font-weight:400;line-height:1.65;color:#666}.process-section{background:var(--light-gray)}.process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:60px}.process-step{position:relative;padding-top:28px;border-top:2px solid var(--black)}.step-num{font-size:64px;font-weight:900;color:rgba(0,0,0,0.06);line-height:1;position:absolute;top:-10px;right:0}.step-title{font-size:18px;font-weight:800;text-transform:uppercase;margin-bottom:12px}.step-desc{font-size:15px;font-weight:400;line-height:1.65;color:#555}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.problem-points{display:flex;flex-direction:column;gap:28px}.problem-point{display:flex;gap:20px;align-items:flex-start}.point-num{font-size:11px;font-weight:900;letter-spacing:0.1em;color:var(--gray);padding-top:3px;min-width:28px}.point-text{font-size:16px;font-weight:400;line-height:1.6;color:#333}.point-text strong{font-weight:700;color:var(--black)}.for-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:60px}.for-card{background:var(--light-gray);padding:48px 44px}.for-card-title{font-size:22px;font-weight:900;text-transform:uppercase;margin-bottom:20px}.for-card-list{list-style:none;display:flex;flex-direction:column;gap:12px}.for-card-list li{font-size:15px;font-weight:400;line-height:1.5;color:#444;padding-left:18px;position:relative}.for-card-list li::before{content:'—';position:absolute;left:0;color:var(--gray)}.dark-list{display:flex;flex-direction:column}.dark-list-item{display:flex;align-items:flex-start;gap:20px;padding:24px 0;border-bottom:1px solid #1a1a1a}.dark-list-item:first-child{border-top:1px solid #1a1a1a}.dark-dot{width:6px;height:6px;background:var(--white);border-radius:50%;margin-top:8px;flex-shrink:0}.dark-text{font-size:16px;font-weight:400;line-height:1.6;color:#888}.dark-text strong{color:var(--white);font-weight:700}.cta-section{background:var(--black);text-align:center;padding:120px 48px}.cta-inner{max-width:700px;margin:0 auto}.cta-eyebrow{font-size:10px;font-weight:400;letter-spacing:0.3em;text-transform:uppercase;color:var(--gray);margin-bottom:20px}.cta-title{font-size:clamp(40px,6vw,80px);font-weight:900;color:var(--white);text-transform:uppercase;line-height:0.95;margin-bottom:12px}.cta-title em{font-style:italic;color:#555}.cta-rule{width:36px;height:2px;background:var(--white);margin:28px auto}.cta-body{font-size:18px;font-weight:400;color:#777;line-height:1.6;margin-bottom:48px}.cta-btn{display:inline-block;font-size:11px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;text-decoration:none;color:var(--black);background:var(--white);padding:20px 48px;transition:opacity 0.2s}.cta-btn:hover{opacity:0.8}.cta-url{display:block;font-size:11px;color:#444;letter-spacing:0.08em;margin-top:16px}.btn-white{display:inline-block;font-size:11px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;text-decoration:none;color:var(--black);background:var(--white);padding:18px 40px;transition:opacity 0.2s}.btn-white:hover{opacity:0.8}.btn-black{display:inline-block;font-size:11px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;text-decoration:none;color:var(--white);background:var(--black);padding:18px 40px;border:1px solid var(--black);transition:opacity 0.2s}.btn-black:hover{opacity:0.75}.btn-outline{display:inline-block;font-size:11px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;text-decoration:none;color:var(--black);border:1.5px solid var(--black);padding:18px 40px;transition:all 0.2s}.btn-outline:hover{background:var(--black);color:var(--white)}@media (max-width:900px){nav{padding:16px 24px}.nav-links{display:none}section{padding:72px 24px}.hero{padding:100px 24px 60px}.two-col,.for-grid{grid-template-columns:1fr;gap:48px}.services-grid,.process-steps{grid-template-columns:1fr}.stats-bar{flex-direction:column}.stat-item{border-right:none;border-bottom:1px solid var(--border)}.hero-ghost{display:none}footer{padding:48px 24px 24px}.footer-inner{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:8px}}@media (max-width:900px){section{padding:52px 20px !important}.hero{padding:80px 20px 48px !important;min-height:90vh}.hero-title{font-size:clamp(36px,10vw,60px) !important}.hero-sub{font-size:16px !important}.cta-section{padding:72px 20px !important}footer{padding:40px 20px 20px !important}.footer-inner{grid-template-columns:1fr !important;gap:24px !important}.footer-bottom{flex-direction:column !important;gap:12px !important;align-items:flex-start !important}.two-col{grid-template-columns:1fr !important;gap:32px !important}.services-grid{grid-template-columns:1fr !important}.process-steps{grid-template-columns:1fr !important;gap:28px !important}.for-grid{grid-template-columns:1fr !important}}
/* Footer sub-links (writing tool niche pages) */
.footer-col a[href*="ai-writing-tool-for"] {
  font-size: 11px !important;
  color: #666 !important;
  padding-left: 10px;
  margin-bottom: 6px !important;
}
.footer-col a[href*="ai-writing-tool-for"]:hover {
  color: #fff !important;
}

@media(max-width:900px){
  footer > div:first-child { grid-template-columns: 1fr 1fr !important; padding: 40px 24px 0 !important; gap: 28px !important; }
  footer > div:last-child { padding: 20px 24px !important; flex-direction: column !important; align-items: flex-start !important; gap: 12px !important; }
}
@media(max-width:500px){
  footer > div:first-child { grid-template-columns: 1fr !important; }
}
/* ── GLOBAL MOBILE IMPROVEMENTS ── */
@media(max-width:768px){

  /* Nav */
  nav { padding:14px 20px !important; }

  /* Sections */
  section { padding:48px 20px !important; }
  .section-inner { padding:0 !important; }
  .section-title { font-size:clamp(28px,8vw,48px) !important; }
  .section-body { font-size:16px !important; }

  /* Hero */
  .hero { padding:90px 20px 48px !important; min-height:85vh !important; }
  .hero-title { font-size:clamp(38px,11vw,64px) !important; line-height:0.95 !important; }
  .hero-sub { font-size:15px !important; margin-bottom:32px !important; }
  .hero-cta { padding:16px 32px !important; }
  .hero-ghost { display:none !important; }
  .hero-eyebrow { margin-bottom:20px !important; }

  /* Blog grid */
  .blog-grid { grid-template-columns:1fr !important; }
  .blog-index-grid { grid-template-columns:1fr !important; }

  /* Services grid */
  .services-grid { grid-template-columns:1fr !important; }
  .process-steps { grid-template-columns:1fr !important; gap:24px !important; }
  .two-col { grid-template-columns:1fr !important; gap:32px !important; }
  .for-grid { grid-template-columns:1fr !important; }

  /* Pricing grid */
  div[style*="grid-template-columns:repeat(3"] { grid-template-columns:1fr !important; }

  /* CTA section */
  .cta-section { padding:60px 20px !important; }
  .cta-title { font-size:clamp(36px,10vw,64px) !important; }
  .cta-body { font-size:15px !important; }
  .cta-btn { padding:16px 32px !important; }

  /* Post hero (blog pages) */
  .post-hero { padding:100px 20px 52px !important; }
  .post-hero h1 { font-size:clamp(32px,9vw,56px) !important; }
  .post-hero-sub { font-size:15px !important; }
  .post-hero-ghost { display:none !important; }
  .post-body { padding:40px 20px !important; }
  .author-bar { padding:16px 20px !important; }
  .author-bar-inner { flex-direction:column !important; align-items:flex-start !important; gap:12px !important; }

  /* Writing tool */
  .tool-card { padding:24px 16px !important; }
  .tool-row { grid-template-columns:1fr !important; }
  .kw-grid { grid-template-columns:1fr !important; }
  .kw-btn { padding:14px 16px !important; font-size:13px !important; }
  .output-content { padding:20px 14px !important; font-size:14px !important; }
  .upsell { padding:24px 20px !important; flex-direction:column !important; }
  .tool-btn { padding:16px !important; }

  /* Filter bar (blog index) */
  .filter-bar { gap:6px !important; }
  .filter-btn { font-size:9px !important; padding:8px 12px !important; letter-spacing:0.12em !important; }

  /* Blog cards */
  .blog-card { padding:28px 24px !important; }
  .blog-card-title { font-size:17px !important; }

  /* Related posts grid */
  div[style*="grid-template-columns:1fr 1fr"] { grid-template-columns:1fr !important; }

  /* Footer */
  footer > div:first-child {
    grid-template-columns:1fr 1fr !important;
    padding:40px 20px 0 !important;
    gap:28px !important;
  }
  footer > div:last-child {
    padding:20px !important;
    flex-direction:column !important;
    align-items:flex-start !important;
    gap:12px !important;
  }
  footer > div:last-child > div {
    flex-wrap:wrap !important;
    gap:14px !important;
  }

  /* Stat bars */
  .stats-bar { flex-direction:column !important; }
  .stat-item { border-right:none !important; border-bottom:1px solid var(--border) !important; padding:32px 20px !important; }

  /* Service cards */
  .service-card { padding:32px 24px !important; }

  /* Process timeline */
  .timeline-item { grid-template-columns:1fr !important; }
  .conversion-grid { grid-template-columns:1fr !important; }
}

@media(max-width:480px){
  /* Footer single column on very small screens */
  footer > div:first-child { grid-template-columns:1fr !important; }

  /* Pricing single column */
  div[style*="grid-template-columns:repeat(3"] { gap:12px !important; }

  /* Nav logo */
  .nav-logo { font-size:10px !important; }

  /* Hero tighter */
  .hero { padding:80px 16px 40px !important; }
  .hero-title { font-size:clamp(34px,12vw,52px) !important; }
  .hero-rule { margin:20px auto !important; }

  /* Sections tighter */
  section { padding:40px 16px !important; }
  .post-body { padding:32px 16px !important; }
  .post-hero { padding:90px 16px 44px !important; }
}
