.filters { display: flex; flex-wrap: wrap; gap: .6rem; margin-bottom: 2rem; }
.fchip { border: 1px solid var(--ink); background: transparent; padding: .5rem 1.1rem; font-family: var(--mono); font-size: .78rem; letter-spacing: .08em; transition: .25s; }
.fchip:hover { transform: translateY(-2px); }
.fchip.active { background: var(--ink); color: var(--paper); }
.srv-head, .srv { display: grid; grid-template-columns: 1fr 120px 150px 110px; gap: 1.4rem; align-items: center; }
.srv-head { font-family: var(--mono); font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; color: var(--mut); padding-bottom: .8rem; border-bottom: 2px solid var(--ink); }
.srv { padding: 1.3rem .8rem; border-bottom: 1px solid var(--line); transition: .25s; background: transparent; }
.srv:hover { background: var(--card); transform: translateX(6px); }
.srv.hide { display: none; }
.srv h4 { font-family: var(--disp); font-size: 1.15rem; font-weight: 600; }
.srv .desc { font-size: .85rem; color: var(--mut); margin-top: .2rem; }
.srv .term { font-family: var(--mono); font-size: .78rem; color: var(--ink2); }
.srv .price { font-family: var(--mono); font-size: .92rem; font-weight: 600; color: var(--accent); white-space: nowrap; }
.srv-btn { border: 1px solid var(--ink); background: transparent; padding: .55rem .9rem; font-size: .8rem; font-weight: 600; transition: .25s; white-space: nowrap; }
.srv-btn:hover { background: var(--accent); border-color: var(--accent); color: var(--paper); }
.price-note { margin-top: 1.4rem; font-family: var(--mono); font-size: .75rem; color: var(--mut); display: flex; gap: .6rem; align-items: flex-start; }
.price-note::before { content: "§"; color: var(--accent); }
.packages { margin-top: 4rem; border-top: 2px solid var(--ink); }
.pkg { display: grid; grid-template-columns: 1.2fr 1fr auto auto; gap: 2rem; align-items: center; padding: 1.8rem .8rem; border-bottom: 1px solid var(--line); transition: .25s; }
.pkg:hover { background: var(--card); padding-left: 1.4rem; }
.pkg h3 { font-size: 1.5rem; }
.pkg .comp { font-size: .86rem; color: var(--mut); margin-top: .3rem; max-width: 52ch; }
.pkg .pprice { font-family: var(--mono); font-size: 1.15rem; font-weight: 600; color: var(--accent); white-space: nowrap; }
.pkg .tag { font-family: var(--mono); font-size: .62rem; letter-spacing: .16em; text-transform: uppercase; border: 1px solid var(--brass); color: var(--brass); padding: .3rem .6rem; }