:root{
 --bg:#0b1722;--bg2:#0d1c29;--panel:#17283a;--panel2:#1b2d40;--panel3:#203448;
 --navy:#0d1630;--navy2:#101b35;--text:#eef1f3;--muted:#c6cbd0;--green:#79a844;--green2:#638f35;
 --line:rgba(255,255,255,.055);--shadow:0 14px 30px rgba(0,0,0,.18);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#0a151e,#0b1a27 55%,#0a1721);font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.55}.site{max-width:1320px;margin:auto;min-height:100vh;background:linear-gradient(180deg,#0d1b28,#0c1a27 65%,#0a1620);box-shadow:0 0 42px rgba(0,0,0,.34)}
.topline{height:5px;background:linear-gradient(90deg,transparent,#709b3e,transparent)}
.masthead{padding:14px 28px 10px;background:#0d1924}.masthead img{width:100%;display:block;border-radius:3px;box-shadow:0 4px 14px rgba(0,0,0,.28)}
.nav{display:flex;justify-content:center;gap:0;background:linear-gradient(90deg,#0b1230,#101833,#0b1230);border-top:1px solid rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.04);box-shadow:0 5px 15px rgba(0,0,0,.12)}
.nav a{padding:22px 46px;color:#e2e5e7;text-decoration:none;font-size:1rem;font-weight:700;letter-spacing:.2px}.nav a:hover,.nav a.active{color:#9cc565}.nav .forum{color:#fff}.nav .forum:hover{color:#b6dc82}
.page{padding:30px 24px 46px}
.hero{background:linear-gradient(135deg,#21384b,#1a2d3f);border-radius:24px;min-height:310px;display:flex;align-items:center;justify-content:center;text-align:center;padding:52px 30px;box-shadow:var(--shadow);border:1px solid var(--line)}
.hero-inner{max-width:760px}.hero-kicker{color:#9cc565;text-transform:uppercase;letter-spacing:2.5px;font-size:.72rem;font-weight:700;margin-bottom:16px}.hero h1{font-size:clamp(2.35rem,4.6vw,4rem);line-height:1.12;margin:0 0 20px;letter-spacing:-.02em}.hero h1 span{color:#dce2e5}.hero p{font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.65;color:#cbd3d8;margin:0 auto 26px;max-width:650px}.rule{width:66px;height:3px;background:#91b75b;margin:26px auto}.button{display:inline-block;background:linear-gradient(180deg,#6f963a,#5d7e30);color:#fff;text-decoration:none;padding:16px 30px;border-radius:3px;font-weight:bold;font-size:1.05rem;box-shadow:0 6px 14px rgba(0,0,0,.2)}
.intro{max-width:900px;margin:0 auto;padding:58px 20px 30px;text-align:center}.eyebrow{color:#91b75b;text-transform:uppercase;letter-spacing:2px;font-size:.75rem;font-weight:bold;margin-bottom:10px}.intro h2{font-size:clamp(2rem,4vw,3rem);line-height:1.2;margin:0 0 20px}.intro p{font-size:1.18rem;color:#c5ccd1;margin:0}
.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;margin:28px 0 48px}.feature{background:linear-gradient(145deg,#1d3043,#17283a);border-radius:25px;padding:38px 46px 36px;border-left:5px solid var(--green);box-shadow:var(--shadow);min-height:215px}.feature-top{display:flex;align-items:center;gap:16px;margin-bottom:22px}.feature .icon{font-size:2rem;line-height:1}.feature h3{font-size:1.75rem;line-height:1.2;margin:0}.feature p{font-size:1.15rem;color:#c6cdd2;margin:0;max-width:500px}
.split{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;margin:18px 0 46px}.panel{background:linear-gradient(145deg,#1d3043,#17283a);border-radius:25px;padding:38px 42px;box-shadow:var(--shadow);border:1px solid var(--line)}.panel h2{font-size:1.9rem;margin:0 0 14px}.panel p{font-size:1.05rem;color:#c6cdd2;margin:0 0 20px}.text-link{color:#9cc565;text-decoration:none;font-weight:bold}
.tools-showcase{background:linear-gradient(145deg,#182b3e,#102131);border-radius:25px;padding:40px 34px 36px;box-shadow:var(--shadow);margin:10px 0 48px;border:1px solid var(--line)}.tools-head{text-align:center;max-width:760px;margin:0 auto 34px}.tools-head h2{font-size:2rem;margin:0 0 10px}.tools-head p{margin:0;color:#c3ccd2;font-size:1.05rem}.tool-images{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:start}.tool-shot{margin:0;background:linear-gradient(180deg,#0d1b27,#091520);border-radius:14px;padding:8px 8px 0;overflow:hidden;border:1px solid rgba(255,255,255,.09);box-shadow:0 10px 20px rgba(0,0,0,.16);transition:transform .2s ease,border-color .2s ease}.tool-shot:hover{transform:translateY(-3px);border-color:rgba(121,168,68,.55)}.tool-shot img{display:block;width:100%;aspect-ratio:650/396;object-fit:contain;object-position:center;border-radius:8px;background:#e9ecef}.tool-shot figcaption{min-height:58px;display:flex;align-items:center;justify-content:center;padding:13px 8px 15px;text-align:center;font-size:.88rem;line-height:1.25;color:#e1e6e9;font-weight:700}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:10px 0 42px}.stat{background:linear-gradient(145deg,#16293b,#112233);border-radius:20px;padding:24px;text-align:center;border:1px solid var(--line)}.stat strong{display:block;color:#98bf61;font-size:2rem;line-height:1.1;margin-bottom:6px}.stat span{font-size:.88rem;color:#bdc7cd}
.cta{background:linear-gradient(135deg,#1d3345,#17293a);border-radius:25px;padding:42px;text-align:center;box-shadow:var(--shadow);border-left:5px solid var(--green)}.cta h2{font-size:2rem;margin:0 0 10px}.cta p{color:#c5ccd1;margin:0 auto 22px;max-width:680px}
.pagehead{padding:48px 40px 26px;max-width:900px;margin:auto;text-align:center}.pagehead h1{font-size:3rem;margin:0 0 10px}.pagehead p{margin:0;color:#c5ccd1;font-size:1.1rem}.article{max-width:920px;margin:auto}.article section{background:linear-gradient(145deg,#1d3043,#17283a);border-radius:22px;padding:34px 38px;margin-bottom:22px;border-left:4px solid var(--green);box-shadow:var(--shadow)}.article h2{margin:0 0 12px;font-size:1.7rem}.article p{margin:0;color:#c7cdd2;font-size:1.04rem}.timeline .milestone{display:grid;grid-template-columns:130px 1fr;gap:22px;padding:20px 0;border-top:1px solid rgba(255,255,255,.08)}.timeline time{color:#9cc565;font-weight:bold}.timeline h3{margin:0 0 6px}.timeline p{font-size:.98rem}
.footer{background:#08131d;padding:30px 20px;text-align:center;color:#9caab2;font-size:.86rem;border-top:1px solid rgba(255,255,255,.04)}.footer strong{color:#b7d77f}
@media(max-width:900px){.masthead{padding:10px}.nav a{padding:18px 26px}.feature-grid{grid-template-columns:1fr}.tool-images{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-shot:last-child{grid-column:2}.split{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.topline{height:3px}.masthead{padding:0;background:transparent}.masthead img{border-radius:0}.nav{justify-content:space-around}.nav a{padding:22px 15px;font-size:1.05rem}.nav a:nth-child(3){display:none}.nav a:nth-child(4){display:none}.page{padding:26px 24px 38px}.hero{border-radius:22px;padding:42px 22px 44px;min-height:300px}.hero-kicker{font-size:.68rem;letter-spacing:2px;margin-bottom:14px}.hero h1{font-size:2.25rem;line-height:1.15;margin-bottom:18px}.hero p{font-size:1.05rem;line-height:1.65;max-width:520px}.intro{padding:52px 8px 22px}.intro h2{font-size:2rem}.intro p{font-size:1.08rem}.feature-grid{gap:34px;margin-top:28px}.feature{border-radius:25px;padding:48px 48px 42px;min-height:260px}.feature h3{font-size:2rem}.feature p{font-size:1.15rem}.feature-top{margin-bottom:30px}.tool-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tool-shot{padding:7px 7px 0;border-radius:14px}.tool-shot:last-child{grid-column:1 / -1;width:calc(50% - 8px);justify-self:center}.tool-shot figcaption{min-height:64px;font-size:.88rem;padding:13px 6px 15px}.tools-showcase{padding:34px 16px 30px}.panel,.article section{padding:30px 26px}.stats{gap:12px}.stat{padding:20px 10px}.cta{padding:36px 22px}.pagehead{padding:40px 10px 24px}.pagehead h1{font-size:2.5rem}.timeline .milestone{grid-template-columns:1fr;gap:5px}}


/* Version 9 – Tool collection */
.more-tools{max-width:760px;margin:34px auto 0;text-align:center;padding:28px 24px 6px;border-top:1px solid rgba(255,255,255,.08)}
.more-tools h3{margin:0 0 8px;font-size:1.35rem;color:#e9edf0}.more-tools p{margin:0 auto 14px;color:#bfc8ce;font-size:1.02rem}
.tools-page-intro{max-width:900px;margin:0 auto 34px;text-align:center;color:#c7cfd4;font-size:1.1rem}.tools-page-intro p{margin:0}
.featured-tools{background:linear-gradient(145deg,#182b3e,#102131);border-radius:25px;padding:38px 32px 34px;margin:0 0 34px;border:1px solid var(--line);box-shadow:var(--shadow)}
.featured-tools>h2{text-align:center;margin:0 0 28px;font-size:2rem}.tools-grid-large{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-large{background:#0d1b27;border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.14)}.tool-large img{display:block;width:100%;aspect-ratio:650/396;object-fit:contain;background:#e9ecef}.tool-large div{padding:18px 18px 20px}.tool-large h3{margin:0 0 7px;font-size:1.05rem}.tool-large p{margin:0;color:#b8c2c9;font-size:.92rem;line-height:1.45}
.catalog{background:linear-gradient(145deg,#1d3043,#17283a);border-radius:25px;padding:42px 32px;margin:0 0 38px;border:1px solid var(--line);box-shadow:var(--shadow)}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.catalog-grid article{background:rgba(7,18,29,.32);border-radius:16px;padding:20px;border-left:4px solid var(--green)}.catalog-grid span{font-size:1.45rem}.catalog-grid h3{margin:8px 0 7px;font-size:1.05rem}.catalog-grid p{margin:0;color:#bcc6cd;font-size:.92rem;line-height:1.45}
@media(max-width:900px){.tools-grid-large{grid-template-columns:repeat(2,1fr)}.catalog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.nav a{padding:19px 10px;font-size:.95rem}.nav a:nth-child(3),.nav a:nth-child(4){display:block}.featured-tools,.catalog{padding:30px 16px}.tools-grid-large{grid-template-columns:1fr}.catalog-grid{grid-template-columns:1fr}.more-tools{padding-left:8px;padding-right:8px}.tools-page-intro{font-size:1.04rem}.tool-large div{padding:16px}.catalog-grid article{padding:18px}}

/* Version 10 – clean tools collection without screenshots */
.featured-collection{margin-top:18px;padding:46px 34px 40px}
.featured-collection .tools-head{margin-bottom:38px}
.featured-collection .tools-head h2{font-size:2.35rem}
.featured-collection .catalog-grid{gap:18px}
.featured-collection .catalog-grid article{min-height:185px;display:flex;flex-direction:column;justify-content:flex-start}
.featured-collection .catalog-grid article span{font-size:2rem;display:block;margin-bottom:16px}
.featured-collection .catalog-grid article h3{font-size:1.12rem;line-height:1.25;margin:0 0 10px}
.featured-collection .catalog-grid article p{font-size:.96rem;line-height:1.5}
@media(max-width:600px){.featured-collection{padding:38px 20px 30px}.featured-collection .tools-head h2{font-size:2.1rem}.featured-collection .catalog-grid{gap:24px}.featured-collection .catalog-grid article{min-height:0;padding:28px 28px 26px}.featured-collection .catalog-grid article span{margin-bottom:14px}}

/* Version 12 – refined typography and mobile balance */
/* The Home hero remains prominent; inner pages are deliberately calmer. */
.pagehead{
  padding:58px 28px 30px;
  max-width:880px;
}
.pagehead .eyebrow{margin-bottom:14px}
.pagehead h1{
  font-size:clamp(2.35rem,4.2vw,3.45rem);
  line-height:1.16;
  letter-spacing:-.025em;
  margin:0 auto 18px;
  max-width:760px;
}
.pagehead p{
  max-width:720px;
  margin:0 auto;
  color:#bcc6cd;
  font-size:clamp(1rem,1.8vw,1.16rem);
  line-height:1.7;
}
.tools-page-intro{
  max-width:800px;
  margin:0 auto 28px;
  padding:0 10px;
  color:#b9c4cb;
  font-size:clamp(1rem,1.7vw,1.1rem);
  line-height:1.7;
}
.featured-collection{
  padding:42px 30px 36px;
  margin-top:8px;
}
.featured-collection .tools-head{
  max-width:700px;
  margin-bottom:30px;
}
.featured-collection .tools-head h2{
  font-size:clamp(1.9rem,3.2vw,2.5rem);
  line-height:1.2;
  margin-bottom:12px;
}
.featured-collection .tools-head p{
  font-size:1rem;
  line-height:1.65;
}
.featured-collection .catalog-grid{
  gap:16px;
}
.featured-collection .catalog-grid article{
  min-height:168px;
  padding:22px;
}
.featured-collection .catalog-grid article span{
  font-size:1.75rem;
  margin-bottom:12px;
}
.featured-collection .catalog-grid article h3{
  font-size:1.02rem;
  margin-bottom:8px;
}
.featured-collection .catalog-grid article p{
  font-size:.9rem;
  line-height:1.48;
}
.article{
  max-width:880px;
}
.article section{
  padding:30px 34px;
  margin-bottom:18px;
}
.article h2{
  font-size:clamp(1.45rem,2.5vw,1.8rem);
  line-height:1.25;
  margin-bottom:10px;
}
.article p{
  font-size:1rem;
  line-height:1.7;
}

@media(max-width:600px){
  .page{padding:22px 20px 34px}
  .pagehead{padding:48px 14px 22px}
  .pagehead .eyebrow{font-size:.66rem;letter-spacing:2.4px;margin-bottom:12px}
  .pagehead h1{font-size:2.15rem;line-height:1.18;margin-bottom:16px}
  .pagehead p{font-size:1rem;line-height:1.65}
  .tools-page-intro{font-size:1rem;line-height:1.68;margin-bottom:24px;padding:0 6px}
  .featured-collection{padding:34px 18px 28px;border-radius:22px}
  .featured-collection .tools-head{margin-bottom:26px}
  .featured-collection .tools-head .eyebrow{font-size:.66rem;letter-spacing:2px}
  .featured-collection .tools-head h2{font-size:1.95rem;margin-bottom:10px}
  .featured-collection .tools-head p{font-size:.98rem;line-height:1.6}
  .featured-collection .catalog-grid{gap:18px}
  .featured-collection .catalog-grid article{padding:24px 24px 22px;min-height:0;border-radius:18px}
  .featured-collection .catalog-grid article span{font-size:1.7rem;margin-bottom:10px}
  .featured-collection .catalog-grid article h3{font-size:1.05rem;margin-bottom:7px}
  .featured-collection .catalog-grid article p{font-size:.92rem;line-height:1.55}
  .article section{padding:28px 24px;margin-bottom:18px;border-radius:20px}
  .article h2{font-size:1.55rem;margin-bottom:10px}
  .article p{font-size:1rem;line-height:1.68}
}

/* Version 13 – calmer home content and compact feature cards */
/* Keep the opening hero as the visual focal point; reduce emphasis below it. */
.intro{
  max-width:820px;
  padding:48px 18px 24px;
}
.intro .eyebrow{
  margin-bottom:9px;
}
.intro h2{
  font-size:clamp(1.75rem,3.2vw,2.45rem);
  line-height:1.24;
  max-width:760px;
  margin:0 auto 16px;
  letter-spacing:-.015em;
}
.intro p{
  max-width:760px;
  margin:0 auto;
  font-size:clamp(1rem,1.8vw,1.1rem);
  line-height:1.65;
}
.feature-grid{
  gap:22px;
  margin:24px 0 44px;
}
.feature{
  padding:30px 34px 28px;
  min-height:0;
  border-radius:24px;
}
.feature-top{
  gap:13px;
  margin-bottom:14px;
}
.feature .icon{
  font-size:1.65rem;
}
.feature h3{
  font-size:1.42rem;
  line-height:1.2;
}
.feature p{
  font-size:1rem;
  line-height:1.6;
}

@media(max-width:600px){
  .intro{
    padding:42px 8px 20px;
  }
  .intro .eyebrow{
    font-size:.67rem;
    letter-spacing:2.2px;
    margin-bottom:9px;
  }
  .intro h2{
    font-size:1.78rem;
    line-height:1.22;
    margin-bottom:18px;
  }
  .intro p{
    font-size:1rem;
    line-height:1.62;
  }
  .feature-grid{
    gap:22px;
    margin:22px 0 38px;
  }
  .feature{
    padding:30px 28px 28px;
    min-height:0;
    border-radius:24px;
  }
  .feature-top{
    gap:12px;
    margin-bottom:14px;
  }
  .feature .icon{
    font-size:1.55rem;
    flex:0 0 auto;
  }
  .feature h3{
    font-size:1.45rem;
    line-height:1.18;
  }
  .feature p{
    font-size:1rem;
    line-height:1.58;
  }
}


/* Final polish – desktop hero, green tool link, centred final tool card */
.text-link,
.text-link:visited{
  color:#9cc565;
  text-decoration:none;
  font-weight:bold;
  transition:color .2s ease;
}
.text-link:hover,
.text-link:focus-visible{
  color:#b6dc82;
  text-decoration:none;
}

@media(min-width:901px){
  /* Give the desktop/laptop hero a little more breathing room around it. */
  .hero{
    width:88%;
    margin-left:auto;
    margin-right:auto;
  }

  /* Centre the final tool card in the last row. */
  .featured-collection .catalog-grid article:last-child{
    grid-column:2;
  }
}

@media(max-width:600px){
  /* Keep the mobile hero at the full available content width. */
  .hero{
    width:100%;
  }
}


/* Mobile intro title – keep each statement on its own line. */
@media(max-width:600px){
  .intro-title span{
    display:block;
  }
  .intro-title br{
    display:none;
  }
}