/* Interiology™ conversion architecture, Z196. Design system remains locked. */
:root{--io-conv-line:rgba(255,255,255,.14);--io-conv-muted:rgba(244,242,236,.58)}
.io-conv-secondary{
  display:inline-flex;align-items:center;gap:12px;margin:18px 0 0;
  color:var(--ink,#f4f2ec);text-decoration:none;font-family:var(--font-brand,'Syncopate',sans-serif);
  font-size:9.5px;line-height:1.35;letter-spacing:.32em;text-transform:uppercase;
  opacity:.72;transition:opacity .45s ease,transform .55s cubic-bezier(.22,1,.36,1)
}
.io-conv-secondary::before{content:"";width:28px;height:1px;background:currentColor;transform-origin:right;transition:width .55s cubic-bezier(.22,1,.36,1)}
.io-conv-secondary:hover{opacity:1;transform:translateX(4px)}
.io-conv-secondary:hover::before{width:42px}
.io-conv-proof{margin-top:18px;font-family:var(--font-body,'Switzer',sans-serif);font-size:11px;line-height:1.65;letter-spacing:.025em;color:var(--io-conv-muted)}
.io-conv-proof span+span::before{content:"·";margin:0 9px;color:rgba(255,255,255,.35)}
.io-form-context{margin:0 0 26px;padding:16px 0;border-top:1px solid var(--io-conv-line);border-bottom:1px solid var(--io-conv-line);font-family:var(--font-body,'Switzer',sans-serif);font-size:11.5px;line-height:1.7;color:rgba(244,242,236,.68)}
.io-form-context strong{display:block;margin-bottom:5px;font-family:var(--font-brand,'Syncopate',sans-serif);font-size:9px;line-height:1.5;letter-spacing:.24em;text-transform:uppercase;color:var(--ink,#f4f2ec);font-weight:400}
.io-form-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:18px;row-gap:0;margin-top:0}
.io-form-meta>label,.io-form-meta>select{min-width:0}
.io-form-trust{margin:15px 0 0;font-family:var(--font-body,'Switzer',sans-serif);font-size:10.5px;line-height:1.65;letter-spacing:.02em;color:rgba(244,242,236,.55)}
.io-form-wa{display:inline-flex;margin-top:15px;color:var(--ink,#f4f2ec);text-decoration:none;font-family:var(--font-brand,'Syncopate',sans-serif);font-size:9px;letter-spacing:.24em;text-transform:uppercase;opacity:.65;transition:opacity .35s ease}
.io-form-wa:hover{opacity:1}
.io-journal-conversion{padding:clamp(74px,9vw,128px) 44px;border-top:1px solid var(--io-conv-line);border-bottom:1px solid var(--io-conv-line);background:#030303}
.io-journal-conversion .io-jc-inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.2vw,34px);max-width:1320px;margin:0 auto;align-items:end}
.io-journal-conversion .io-jc-tag{grid-column:1/4;font-family:var(--font-brand,'Syncopate',sans-serif);font-size:9.5px;letter-spacing:.24em;text-transform:uppercase;color:rgba(244,242,236,.48)}
.io-journal-conversion h2{grid-column:1/8;margin-top:24px;font-family:var(--font-brand,'Syncopate',sans-serif);font-size:clamp(20px,2.4vw,31px);line-height:1.45;letter-spacing:.16em;text-transform:uppercase;font-weight:400}
.io-journal-conversion .io-jc-copy{grid-column:8/13;grid-row:1/3;font-family:var(--font-body,'Switzer',sans-serif);font-size:14px;line-height:1.85;color:rgba(244,242,236,.72)}
.io-journal-conversion .io-jc-actions{grid-column:8/13;margin-top:28px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.io-journal-conversion .io-jc-actions .btn{margin:0}
@media(max-width:860px){
  .io-form-meta{grid-template-columns:1fr}
  .io-journal-conversion{padding:72px 24px}
  .io-journal-conversion .io-jc-inner{display:block}
  .io-journal-conversion h2{margin:22px 0 30px;max-width:92%}
  .io-journal-conversion .io-jc-copy{width:88%;margin-left:12%}
  .io-journal-conversion .io-jc-actions{margin:30px 0 0 12%;display:block}
  .io-journal-conversion .io-conv-secondary{display:flex}
  .io-conv-proof{max-width:92%}
}
@media(max-width:390px){
  .io-conv-secondary{font-size:8.8px;letter-spacing:.26em}
  .io-conv-proof span{display:block}
  .io-conv-proof span+span::before{display:none}
}
.io-form-meta .io-field{min-width:0}
.io-form-meta .io-field label{display:block}
.io-form-meta .io-field select{width:100%}
@media(max-width:860px){
  body.io-form-zone #mnav-pill,
  body.io-form-zone .wa-float,
  body.io-form-active #mnav-pill,
  body.io-form-active .wa-float{
    opacity:0!important;pointer-events:none!important;transform:translateY(120%)!important;
  }
}
