.workflow-grid-universal{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}@media(max-width:1000px){.workflow-grid-universal{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.workflow-grid-universal{grid-template-columns:1fr}}.workflow-card{background:var(--bg-card);border:1px solid var(--line-strong);padding:1.5rem;display:flex;flex-direction:column;gap:.75rem;transition:border-color .15s ease,transform .15s ease}.workflow-card:hover{border-color:var(--terracota)}.workflow-card .card-num{font-family:var(--sans);font-size:2rem;font-weight:700;line-height:1;color:var(--terracota)}.workflow-card .card-family{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);font-weight:600}.workflow-card .card-title{font-family:var(--sans);font-size:1.25rem;font-weight:700;letter-spacing:-.01em;text-transform:uppercase;color:var(--cream);margin:0;line-height:1.15}.workflow-card .card-desc{font-family:var(--mono);font-size:.82rem;line-height:1.65;color:var(--dim);margin:0;flex:1}.workflow-card .card-metric{display:flex;flex-direction:column;gap:.1rem;padding:.625rem .75rem;border-left:2px solid var(--terracota);background:var(--bg)}.workflow-card .metric-val{font-family:var(--sans);font-size:.95rem;font-weight:700;color:var(--terracota);letter-spacing:-.01em}.workflow-card .metric-label{font-family:var(--mono);font-size:.66rem;letter-spacing:.06em;color:var(--dim)}.workflow-card .card-price{display:flex;flex-direction:column;gap:.15rem;border-top:1px solid var(--line);padding-top:.75rem;font-family:var(--mono);font-size:.74rem;color:var(--dim)}.workflow-card .card-price strong{color:var(--terracota);font-weight:700}.workflow-vertical-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}@media(max-width:800px){.workflow-vertical-grid{grid-template-columns:1fr}}.workflow-vertical-card{border:1px solid var(--line);background:var(--bg-elev);padding:1.125rem 1.25rem;display:flex;flex-direction:column;gap:.6rem;transition:border-color .15s ease}.workflow-vertical-card:hover{border-color:var(--terracota)}.workflow-vertical-card .wv-title{font-family:var(--sans);font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:-.005em;color:var(--cream);margin:0;line-height:1.15}.workflow-vertical-card .wv-desc{font-family:var(--mono);font-size:.78rem;line-height:1.6;color:var(--dim);margin:0}.workflow-vertical-card .wv-meta{display:flex;justify-content:space-between;align-items:baseline;gap:.75rem;font-family:var(--mono);font-size:.7rem;color:var(--dim);border-top:1px solid var(--line);padding-top:.625rem;flex-wrap:wrap}.workflow-vertical-card .wv-time{letter-spacing:.06em;text-transform:uppercase}.workflow-vertical-card .wv-price{color:var(--terracota);font-weight:600}.sector-filter{display:flex;flex-wrap:wrap;gap:.4rem;margin:1.5rem 0 1rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.sector-filter .filter-btn{padding:.45rem .7rem;border:1px solid var(--line-strong);background:var(--bg-elev);color:var(--dim);cursor:pointer;font:inherit;letter-spacing:inherit;text-transform:inherit;transition:border-color .15s ease,color .15s ease,background .15s ease}.sector-filter .filter-btn:hover{border-color:var(--terracota);color:var(--terracota)}.sector-filter .filter-btn.active{background:var(--terracota);border-color:var(--terracota);color:var(--bg)}.compatibility-matrix{margin-top:1rem}.matrix-table{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:.74rem;border:1px solid var(--line-strong);background:var(--bg)}.matrix-table thead th{background:var(--bg-elev);color:var(--cream);padding:.6rem .5rem;text-align:center;font-weight:700;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;border-right:1px solid var(--line);border-bottom:1px solid var(--line-strong);white-space:nowrap;vertical-align:middle}.matrix-table thead th:first-child{text-align:left;width:26%;background:var(--bg-card)}.matrix-table thead th[data-active=true]{background:var(--terracota);color:var(--bg)}.matrix-table tbody th{text-align:left;padding:.55rem .75rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-elev);color:var(--cream);font-weight:600;font-size:.74rem;white-space:normal;vertical-align:middle}.matrix-table tbody td{text-align:center;padding:.55rem .4rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:700;font-family:var(--sans);font-size:.95rem;vertical-align:middle;transition:background .15s ease}.matrix-table tbody td.compat{color:var(--terracota)}.matrix-table tbody td.no-compat{color:var(--mute)}.matrix-table tbody td[data-active=true]{background:#d977571a}.matrix-table tbody tr:hover td{background:#d977570d}@media(max-width:900px){.matrix-table{display:none}}.matrix-mobile{display:none;flex-direction:column;gap:.5rem;margin-top:1rem}.matrix-mobile-card{border:1px solid var(--line);background:var(--bg-elev);padding:.875rem 1rem;display:grid;grid-template-columns:32px 1fr 24px;gap:.75rem;align-items:center}.matrix-mobile-card .m-num{font-family:var(--sans);font-size:1.1rem;font-weight:700;color:var(--terracota);line-height:1}.matrix-mobile-card .m-title{font-family:var(--mono);font-size:.78rem;color:var(--cream);letter-spacing:.02em;font-weight:600}.matrix-mobile-card .m-check{text-align:center;font-family:var(--sans);font-size:1.1rem;font-weight:700}.matrix-mobile-card .m-check.compat{color:var(--terracota)}.matrix-mobile-card .m-check.no-compat{color:var(--mute)}@media(max-width:900px){.matrix-mobile{display:flex}}.families-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}@media(max-width:1000px){.families-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.families-grid{grid-template-columns:1fr}}.family-card{border:1px solid var(--line-strong);background:var(--bg-card);padding:1.5rem;display:flex;flex-direction:column;gap:.6rem;transition:border-color .15s ease}.family-card:hover{border-color:var(--terracota)}.family-card .fam-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.family-card .fam-num{font-family:var(--sans);font-size:1.4rem;font-weight:700;color:var(--terracota);line-height:1}.family-card .fam-demand{font-size:.85rem;letter-spacing:.05em}.family-card .fam-title{font-family:var(--sans);font-size:1.125rem;font-weight:700;letter-spacing:-.01em;text-transform:uppercase;color:var(--cream);margin:0;line-height:1.15}.family-card .fam-desc{font-family:var(--mono);font-size:.8rem;line-height:1.65;color:var(--dim);margin:0}.variants-3{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:2rem;border:1px solid var(--terracota)}@media(max-width:900px){.variants-3{grid-template-columns:1fr}}.variant-3{padding:2rem 1.75rem;border-right:1px solid var(--terracota);background:var(--bg);display:flex;flex-direction:column;gap:.75rem}.variant-3:last-child{border-right:none}@media(max-width:900px){.variant-3{border-right:none;border-bottom:1px solid var(--terracota)}.variant-3:last-child{border-bottom:none}}.variant-3.featured{background:var(--terracota);color:var(--bg)}.variant-3.featured .variant-label,.variant-3.featured .variant-days,.variant-3.featured .variant-title,.variant-3.featured p,.variant-3.featured .variant-price,.variant-3.featured .variant-price strong,.variant-3.featured .variant-for{color:var(--bg)}.variant-3.featured .variant-for{border-color:#0003}.variant-3 .variant-label{font-family:var(--mono);font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;color:var(--terracota);font-weight:700}.variant-3 .variant-days{font-family:var(--sans);font-size:3.5rem;font-weight:700;color:var(--terracota);line-height:1;margin:.25rem 0}.variant-3 .variant-title{font-family:var(--sans);font-size:1.4rem;font-weight:700;text-transform:uppercase;letter-spacing:-.01em;color:var(--cream);line-height:1.1;margin:0 0 .25rem}.variant-3 p{font-family:var(--mono);font-size:.84rem;line-height:1.65;color:var(--dim);margin:0;flex:1}.variant-3 .variant-price{border-top:1px solid var(--line);padding-top:.75rem;display:flex;flex-direction:column;gap:.15rem;font-family:var(--mono);font-size:.78rem;color:var(--dim)}.variant-3 .variant-price strong{color:var(--terracota);font-family:var(--sans);font-size:1rem;font-weight:700;letter-spacing:-.01em}.variant-3.featured .variant-price{border-color:#00000040}.variant-3 .variant-for{font-family:var(--mono);font-size:.74rem;color:var(--dim);border-top:1px solid var(--line);padding-top:.625rem;line-height:1.55}
