/* The nine services: kinds of work inside, three levels each, prices shown. Uses the site tokens (site.css). */
.catalogue-nine{max-width:var(--max);margin-inline:auto}
.nine-index{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 2.2rem}
.nine-index a{border:1px solid var(--line-cool);border-radius:99px;padding:.45rem .95rem;color:var(--cream);text-decoration:none;font-size:.86rem;transition:border-color .3s var(--ease),color .3s var(--ease)}
.nine-index a:hover,.nine-index a:focus-visible{border-color:var(--gold);color:var(--gold-light)}
.nine-service{border:1px solid var(--line-cool);border-radius:var(--radius);padding:clamp(1.2rem,2.6vw,2.2rem);margin:0 0 1.6rem;background:linear-gradient(160deg,rgba(16,43,83,.55),rgba(6,17,39,.7));scroll-margin-top:90px}
.nine-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.6rem 1.4rem}
.nine-head h3{margin:0;font-family:var(--display);font-size:clamp(1.7rem,3vw,2.4rem);color:var(--cream)}
.nine-from{margin:0;color:var(--muted);font-size:.95rem}.nine-from b{color:var(--gold-light);font-size:1.15rem}
.nine-promise{margin:.7rem 0 .3rem;color:var(--cream);font-size:1.05rem;max-width:62ch}
.nine-for{margin:0 0 1rem;color:var(--muted);font-size:.93rem}
.nine-kinds{margin:0 0 1.2rem;border-top:1px solid var(--line-cool);padding-top:.8rem}
.nine-kinds summary{cursor:pointer;color:var(--gold-light);font-weight:700;font-size:.95rem}.nine-kinds summary span{color:var(--muted);font-weight:500}
.nine-kinds ul{margin:.8rem 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:.55rem 1.4rem}
.nine-kinds li{color:var(--muted);font-size:.9rem;line-height:1.5}.nine-kinds li b{display:block;color:var(--cream);font-size:.93rem}
.nine-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin:1rem 0 1.1rem}
.nine-level{position:relative;display:flex;flex-direction:column;gap:.5rem;border:1px solid var(--line-cool);border-radius:18px;padding:1.2rem 1.1rem 1.1rem;background:rgba(6,17,39,.55)}
.nine-level.is-recommended{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold),0 14px 40px rgba(223,173,67,.12)}
.nine-badge{position:absolute;top:-.7rem;right:1rem;background:var(--gold);color:var(--navy);font-size:.72rem;font-weight:800;letter-spacing:.04em;border-radius:99px;padding:.18rem .7rem}
.nine-level h4{margin:0;font-family:var(--display);font-size:1.5rem;color:var(--cream)}.nine-tag{margin:0;color:var(--muted);font-size:.88rem}
.nine-price{margin:.2rem 0 .3rem;font-size:1.45rem;font-weight:800;color:var(--gold-light)}.nine-price span{font-size:.95rem;font-weight:600;color:var(--cream)}
.nine-level ul{margin:0 0 .6rem;padding-left:1.1rem;color:var(--muted);font-size:.88rem;line-height:1.55;flex:1}
.nine-level .button{align-self:stretch;min-height:48px}
.nine-addons{margin:.4rem 0 .3rem;color:var(--muted);font-size:.9rem}.nine-addons b{color:var(--cream)}.nine-addons small{color:var(--muted)}
.nine-note{margin:.2rem 0 0;color:var(--muted);font-size:.84rem;font-style:italic}
.nine-footnote{margin:2rem 0 0;color:var(--muted);font-size:.93rem;max-width:70ch}.nine-footnote a{color:var(--gold-light)}
@media(max-width:860px){.nine-levels{grid-template-columns:1fr}.nine-level.is-recommended{order:-1}}
@media(prefers-reduced-motion:reduce){.nine-index a{transition:none}}