*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0f14;color:#e8edf3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(11,15,20,.9);backdrop-filter:blur(14px);border-bottom:1px solid #202833}.header-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:10px;align-items:center;font-weight:800}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#2f81f7;color:white;font-family:monospace}.nav-wrap{display:flex;align-items:center;gap:18px}.header-inner nav{display:flex;gap:24px;color:#aab6c5;font-size:14px}.header-inner nav a:hover{color:white}.lang{background:#111821;color:#dbe5ef;border:1px solid #2a3643;border-radius:8px;padding:7px 9px}.hero{min-height:580px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:70px;padding-block:90px}.eyebrow{display:block;color:#58a6ff;font-size:12px;font-weight:800;letter-spacing:.15em;margin-bottom:12px}.free-pill{display:inline-flex;align-items:center;gap:8px;background:#102419;border:1px solid #245a39;color:#89e8ab;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:800;margin-bottom:18px}.hero h1,.product-hero h1{font-size:clamp(48px,7vw,82px);line-height:.98;letter-spacing:-.055em;margin:0 0 24px}.hero p,.product-title p{max-width:650px;color:#9eabba;font-size:19px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:9px;font-weight:750;font-size:14px;border:1px solid transparent}.primary{background:#2f81f7;color:white}.primary:hover{background:#4693ff}.ghost{border-color:#34404d;color:#d9e2ec}.wide{width:100%}.terminal-card{background:#10161e;border:1px solid #27313d;border-radius:15px;box-shadow:0 26px 80px rgba(0,0,0,.35);overflow:hidden}.terminal-top{height:42px;border-bottom:1px solid #26313b;display:flex;gap:7px;align-items:center;padding:0 14px}.terminal-top span{width:10px;height:10px;border-radius:50%;background:#3a4653}.terminal-card pre{margin:0;padding:28px;color:#b7e4c7;font:15px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace}.tools-section{padding:70px 0}.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end}.section-head h2,.about h2,.install-section h2,.cta h2{font-size:34px;line-height:1.1;letter-spacing:-.03em;margin:0}.search{width:min(330px,100%);background:#111821;border:1px solid #2a3643;border-radius:9px;padding:12px 14px;color:white}.filters{display:flex;gap:8px;margin:26px 0}.filter{border:1px solid #2b3541;background:#111821;color:#9eabba;border-radius:999px;padding:7px 12px;cursor:pointer}.filter.active{background:#e8edf3;color:#0b0f14}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tool-card{background:#10161e;border:1px solid #242f3a;border-radius:14px;padding:22px;min-height:275px;display:flex;flex-direction:column}.tool-card-head{display:flex;gap:14px;align-items:center}.tool-card-head img{width:58px;height:58px;object-fit:cover;border-radius:13px;background:white}.tool-card h3{font-size:22px;margin:0}.version{font-size:12px;color:#7f8b98}.tool-card p{color:#9eabba}.badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.badges span{font-size:11px;background:#18212b;border:1px solid #293642;padding:4px 8px;border-radius:999px}.badges .free{background:#102419;border-color:#245a39;color:#89e8ab;font-weight:800}.card-actions{display:flex;gap:8px;margin-top:18px}.placeholder{border-style:dashed;justify-content:center;color:#788696}.about{padding:100px 0 130px}.about p{color:#9eabba;max-width:720px;font-size:18px}.product-hero{display:grid;grid-template-columns:1.4fr .6fr;gap:70px;padding:90px 0 60px;align-items:center}.product-title{display:flex;gap:25px;align-items:flex-start}.product-logo{width:104px;height:104px;object-fit:cover;border-radius:22px;background:white}.product-title h1{font-size:64px;margin-bottom:12px}.download-panel{background:#10161e;border:1px solid #29333f;border-radius:14px;padding:22px;display:grid;gap:10px}.download-panel>span{color:#8f9cab;font-size:13px;margin-bottom:8px}.small-link{font-size:12px;color:#78b7ff;text-align:center}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:30px 0 70px}.product-grid article{border:1px solid #26313c;background:#0f151c;border-radius:13px;padding:22px}.product-grid h2{font-size:18px;margin:0 0 8px}.product-grid p{margin:0;color:#95a3b3;font-size:14px}.install-section{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:70px 0;border-top:1px solid #202a34}.install-section pre{overflow:auto;background:#10161e;border:1px solid #29343f;border-radius:10px;padding:18px;color:#b7e4c7}.cta{margin-block:50px 100px;border:1px solid #29496d;background:linear-gradient(135deg,#101b28,#0e151d);border-radius:16px;padding:30px;display:flex;justify-content:space-between;align-items:center;gap:30px}footer{border-top:1px solid #202833;color:#7e8b99;font-size:13px}.footer-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between}.hidden{display:none!important}@media(max-width:850px){.hero,.product-hero,.install-section{grid-template-columns:1fr}.tool-grid,.product-grid{grid-template-columns:1fr 1fr}.product-title{flex-direction:column}.section-head{align-items:stretch;flex-direction:column}.search{width:100%}}@media(max-width:650px){.wrap{width:min(100% - 28px,1120px)}.header-inner nav{display:none}.hero{padding-block:55px}.tool-grid,.product-grid{grid-template-columns:1fr}.product-title h1{font-size:50px}.cta{align-items:flex-start;flex-direction:column}.footer-inner{align-items:flex-start;flex-direction:column;justify-content:center;gap:6px}}
.brand-logo{width:38px;height:38px;object-fit:cover;border-radius:9px;background:#fff}
.brand span:last-child{letter-spacing:-.02em}

/* v3: harden header logo sizing and prevent image overflow */
.brand-logo{
  display:block !important;
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  max-width:38px !important;
  object-fit:contain !important;
  border-radius:8px;
  background:#fff;
}
.brand{overflow:visible}
.site-header img{max-height:38px}

/* v4 — AdSense-ready content/legal layout. Ad placeholders are intentionally inactive. */
.ad-placeholder{
  margin:42px auto;
  min-height:110px;
  border:1px dashed #2b3744;
  border-radius:12px;
  display:grid;
  place-items:center;
  align-content:center;
  gap:6px;
  color:#647384;
  background:#0d131a;
  text-align:center;
}
.ad-placeholder span{font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.ad-placeholder div{font-size:12px}
.legal-hero{padding:90px 0 38px;max-width:900px}
.legal-hero h1{font-size:clamp(42px,6vw,68px);line-height:1;letter-spacing:-.045em;margin:0 0 20px}
.legal-hero p{font-size:18px;color:#9eabba;max-width:760px}
.legal-content{max-width:900px;padding:10px 0 100px}
.legal-content article{padding:24px 0;border-top:1px solid #222e39}
.legal-content article:first-child{border-top:0}
.legal-content h2{font-size:22px;margin:0 0 9px}
.legal-content p,.legal-content li{color:#9eabba}
.legal-content li{margin:12px 0}
.contact-card{display:flex;align-items:center;justify-content:space-between;gap:25px}
.contact-card p{max-width:660px}
.legal-footer{min-height:150px;padding:32px 0;display:flex;justify-content:space-between;align-items:flex-start;gap:40px}
.footer-brand{display:inline-flex}
.legal-footer p{font-size:13px;color:#7e8b99;margin:10px 0 0}
.footer-links{display:flex;gap:18px;flex-wrap:wrap;font-size:13px;color:#a4b0bd}
.footer-links a:hover{color:#fff}
.footer-bottom{border-top:1px solid #202833;padding:18px 0 26px;font-size:12px;color:#647384}
@media(max-width:650px){
  .legal-footer,.contact-card{flex-direction:column}
  .legal-footer{min-height:auto}
}

/* v5 content-rich project documentation */
.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:30px 0 65px}
.resource-grid>a{display:block;border:1px solid #26313c;background:#0f151c;border-radius:13px;padding:20px}
.resource-grid>a:hover{border-color:#3d78b5;transform:translateY(-1px)}
.resource-grid span{font:12px ui-monospace,monospace;color:#58a6ff}
.resource-grid h2{font-size:18px;margin:14px 0 7px}
.resource-grid p{color:#8f9dac;font-size:13px;margin:0}
.docs-content pre,.legal-content pre{overflow:auto;background:#10161e;border:1px solid #29343f;border-radius:10px;padding:17px;color:#b7e4c7}
.docs-content h3{font-size:15px;margin-top:22px}
.faq-item h2{font-size:20px}
.release-entry{display:grid!important;grid-template-columns:160px 1fr;gap:30px}
.release-version{display:flex;flex-direction:column}
.release-version strong{font-size:30px}
.release-version span{font-size:12px;color:#7d8a98}
.download-doc-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
@media(max-width:850px){.resource-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.resource-grid{grid-template-columns:1fr}.release-entry{grid-template-columns:1fr}}

/* v6 OpenPuzzle */
.project-intro{padding:10px 0 20px}
.project-intro p{max-width:850px;color:#9eabba;font-size:18px}
.tool-card-head img[src$="openpuzzle.svg"]{object-fit:contain;background:#111821;padding:3px}

/* v7 — official OpenPuzzle branding */
.tool-card-head img[src$="openpuzzle-icon.webp"]{
  width:58px;
  height:58px;
  object-fit:contain;
  background:transparent;
  padding:0;
}
.openpuzzle-full-logo{
  display:block;
  width:min(640px,100%);
  height:auto;
  object-fit:contain;
}
.product-title:has(.openpuzzle-full-logo){
  display:block;
}
.product-title:has(.openpuzzle-full-logo) .free-pill{
  margin-top:24px;
}
@media(max-width:650px){
  .openpuzzle-full-logo{width:100%}
}

.truenas-highlight{border:1px solid rgba(255,190,70,.45);box-shadow:0 0 0 1px rgba(255,190,70,.08) inset}.truenas-highlight h2{margin-top:0}