/* Layout for new content only. The original shared theme stays in styles.css. */
.wf-actions { display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:14px; margin-top:24px; }
.wf-actions .btn { gap:10px; }
.wf-page-hero .wf-actions { justify-content:flex-start; }
.wf-hero-platforms { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin-top:18px; }
.wf-hero-platforms a { color:var(--ink-soft); text-decoration:none; font-size:12px; }
.wf-hero-platforms .wf-status { margin-right:5px; }
.wf-status { display:inline-flex; align-items:center; gap:6px; width:fit-content; }
.wf-status.available { color:var(--up); }
.wf-status.testing { color:var(--gold); }
.wf-status.interest,.wf-status.planning { color:var(--ink-soft); }
.wf-status > span:empty { width:5px; height:5px; border-radius:50%; background:currentColor; flex-shrink:0; }
.wf-platform-card { display:flex; flex-direction:column; align-items:flex-start; min-width:0; }
.wf-platform-card h3 { margin-top:22px; font-size:24px; }
.wf-platform-card p { color:var(--ink-mute); font-size:14px; line-height:1.7; margin:12px 0; }
.wf-card-top { width:100%; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.wf-platform-mark { color:var(--gold); font-family:var(--font-mono); font-size:20px; }
.wf-check-list { list-style:none; margin:16px 0 24px; }
.wf-check-list li { color:var(--ink-soft); font-size:14px; line-height:1.7; margin:10px 0; }
.wf-check-list li > .wf-inline-icon { color:var(--gold); margin-right:9px; }
.wf-text-link { display:inline-flex; align-items:center; gap:12px; color:var(--gold); text-decoration:none; font-size:14px; padding:8px 0; }
.wf-platform-card .wf-text-link { margin-top:auto; }
.wf-resource-card { display:block; color:inherit; text-decoration:none; min-width:0; }
.wf-resource-card .feature-ic { width:42px; height:42px; }
.wf-resource-card .feature-ic svg { width:26px; height:26px; }
.wf-resource-card .pill { margin-bottom:14px; }
.wf-resource-card h3 { margin:14px 0 10px; }
.wf-fine { color:var(--ink-mute); font-size:13px; line-height:1.7; margin-top:16px; }
.wf-hero-stat-note { font-size:12px; }
.wf-showcase-caption { color:var(--ink-mute); text-align:center; font-size:12px; margin-top:14px; }
.wf-price-platform { display:flex; justify-content:center; align-items:center; gap:12px; margin:20px 0; font-size:13px; color:var(--ink-mute); }
.wf-product-platform { color:var(--gold); font-family:var(--font-mono); font-size:11px; margin:8px 0 12px; }
.wf-product-platform span { color:var(--ink-mute); }
.wf-catalog-scope { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:24px; }
.wf-catalog-scope a { color:var(--gold); text-decoration:none; font-size:13px; }
.wf-status-legend { margin-top:36px; }
.wf-status-legend p { color:var(--ink-mute); font-size:14px; line-height:1.7; margin-top:14px; }
.wf-release-card h2 { font-size:28px; margin:20px 0; }
.wf-release-card p { color:var(--ink-soft); font-size:15px; line-height:1.75; }
.wf-inline-note { border-left:3px solid var(--gold); padding:16px 20px; color:var(--ink-soft); margin-top:24px; font-size:14px; line-height:1.7; background:var(--card); }
.wf-date-note { color:var(--ink-mute); font-family:var(--font-mono); font-size:12px; margin-top:24px; }
.wf-tool-note { margin-top:28px; }
.wf-tool-note p { color:var(--ink-mute); line-height:1.7; }
/* ATAS-only layout. Colours, fonts, cards and buttons inherit the original theme. */
.wf-atas-title { margin:20px 0 10px; font-size:24px; }
.wf-atas-paragraph { margin-top:16px; }
.wf-atas-meta { display:grid; grid-template-columns:minmax(120px,160px) minmax(0,1fr); gap:10px 18px; margin:22px 0; font-size:13px; line-height:1.7; }
.wf-atas-meta dt { color:var(--ink-mute); }
.wf-atas-meta dd { min-width:0; overflow-wrap:anywhere; }
.wf-atas-meta code { font-size:11px; font-family:var(--font-mono); }
.wf-atas-actions { flex-wrap:wrap; }
.wf-atas-actions .btn { white-space:normal; text-align:center; }
.wf-atas-state { margin-top:16px; font-size:14px; line-height:1.7; color:var(--ink-soft); }
.wf-atas-trial,.wf-atas-commerce { border-top:1px solid var(--card-border); padding-top:22px; margin-top:24px; }
.wf-atas-trial h4,.wf-atas-commerce h4 { font-size:18px; }
.wf-atas-trial form { position:relative; margin-top:18px; }
.wf-atas-trial form > label,.wf-atas-form-row label { font-size:13px; color:var(--ink-soft); }
.wf-atas-form-row { display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-top:10px; }
.wf-atas-form-row > label { display:grid; gap:8px; }
.wf-atas-form-row :is(input,select) { min-height:46px; min-width:0; max-width:100%; border:1px solid var(--card-border); border-radius:var(--r-sm); background:var(--navy-950); color:var(--ink); padding:12px 14px; font:inherit; font-size:16px; }
.wf-atas-form-row > input { flex:1; }
.wf-atas-form-row .btn { white-space:normal; text-align:center; }
.wf-atas-consent { display:flex; gap:12px; align-items:flex-start; font-size:13px; line-height:1.7; color:var(--ink-soft); margin:18px 0; }
.wf-atas-consent input { width:18px; height:18px; flex-shrink:0; margin-top:3px; accent-color:var(--gold); }
.wf-atas-trial [role=status],.wf-atas-commerce [role=status] { font-size:13px; line-height:1.7; margin-top:12px; }
.wf-atas-honeypot { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; }
.wf-atas-trial [aria-invalid=true] { border-color:var(--down); }
[data-atas-card] button:disabled { opacity:.5; cursor:not-allowed; }
[data-atas-card] [hidden] { display:none!important; }
[data-atas-card] :is(input,select,button,a):focus-visible { outline:2px solid var(--gold); outline-offset:4px; }
#atasDownloadCard,#installation { scroll-margin-top:100px; }
.wf-atas-install-steps { padding-left:24px; margin:26px 0; }
.wf-atas-install-steps li { padding-left:8px; margin:22px 0; }
.wf-atas-install-steps li::marker { color:var(--gold); font-family:var(--font-mono); }
.wf-atas-install-steps h3 { font-size:18px; margin-bottom:10px; }
.wf-atas-install-steps p { color:var(--ink-soft); font-size:14px; line-height:1.8; }
@media(max-width:620px) { .wf-atas-meta { grid-template-columns:minmax(0,1fr); gap:3px; } .wf-atas-meta dd { margin-bottom:12px; } .wf-atas-form-row { align-items:stretch; flex-direction:column; } .wf-atas-form-row .btn,.wf-atas-actions .btn { width:100%; } }
.wf-experience-page .price-card { min-width:0; overflow-wrap:anywhere; }
.wf-experience-page .footer-discord-content,.wf-experience-page .footer-discord-text { min-width:0; max-width:100%; }
@media(max-width:800px) { .wf-platform-grid,.wf-status-legend,.wf-atas-grid { grid-template-columns:minmax(0,1fr); } }
@media(max-width:620px) { .wf-price-platform { align-items:flex-start; flex-direction:column; } .wf-page-hero h1 { overflow-wrap:anywhere; } }
@media(prefers-reduced-motion:reduce) { .wf-experience-page .reveal { opacity:1; transform:none; } }
/* Fit the longer platform label within the existing mobile header controls. */
@media(max-width:420px) {
  .nav-inner { padding-inline:16px; gap:8px; }
  .nav-actions { gap:6px; }
  .nav-actions .cart-btn,.nav-toggle { width:38px; height:38px; padding:8px; flex-shrink:0; justify-content:center; }
  .nav-actions .nav-trial { padding:9px 10px; }
  .brand-logo { max-width:94px; height:auto; }
}