:root{--ink:#12181f;--ink2:#1c2530;--paper:#f1f2ed;--card:#fbfbf8;--gold:#c9973f;--rust:#a6472a;--line:#daddd7;--slate:#5b6670}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;line-height:1.6}a{color:inherit}.site-header{min-height:40px;padding:.25rem max(1rem,5vw);display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--ink);color:white}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-weight:800}.mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);font:700 .76rem Georgia,serif}.site-header nav,.actions{display:flex;gap:1.3rem;align-items:center}.site-header nav a,.actions a{text-decoration:none;color:#c7cfd5}.button{display:inline-block;border:0;border-radius:7px;padding:.85rem 1.15rem;background:var(--gold);color:#20160a!important;text-decoration:none;font-weight:800;cursor:pointer}.outline{background:transparent;color:white!important;border:1px solid #ffffff42}.hero,.page-hero{padding:clamp(4rem,9vw,8rem) max(1rem,7vw);background:radial-gradient(circle at 84% 15%,#c9973f28,transparent 30%),linear-gradient(145deg,var(--ink),var(--ink2));color:white}.hero{min-height:650px;display:grid;align-content:center}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:bold}.hero h1,.page-hero h1{font-size:clamp(2.7rem,7vw,6.2rem);line-height:.97;letter-spacing:-.05em;max-width:950px;margin:.6rem 0 1.3rem}.hero>p:not(.eyebrow),.page-hero>p:not(.eyebrow){color:#bdc6cc;font-size:1.12rem;max-width:700px}.cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}.section{padding:clamp(3.5rem,7vw,6rem) max(1rem,7vw)}h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1.04}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.cards article{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:1.5rem}.cards p{color:var(--slate)}.band{background:var(--ink);color:white;display:flex;align-items:center;justify-content:space-between;gap:2rem}.band p{color:#b9c2c9}.site-footer{padding:3rem max(1rem,7vw);background:#0d1217;color:#9ca6ae;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}.site-footer a{color:#c7cfd5;text-decoration:none;display:block;margin:.35rem 0}.site-footer strong{color:var(--gold)}.form-card{max-width:760px;margin:auto;background:var(--card);border:1px solid var(--line);border-radius:15px;padding:clamp(1rem,4vw,2rem)}form{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}input,select,textarea{width:100%;padding:.85rem;border:1px solid var(--line);border-radius:7px;font:inherit}textarea,form button,.status{grid-column:1/-1}textarea{min-height:130px}.status{padding:1rem;border-radius:8px;background:#e6f1e8;color:#356544}.portal-card{text-align:center;max-width:700px;margin:auto}.portal-card .button{margin:.4rem}.list article{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:1rem;padding:1.5rem 0;border-bottom:1px solid var(--line)}.list article>span{color:var(--gold);font-weight:bold}.small{color:var(--slate)}@media(max-width:800px){.site-header nav{display:none}.cards{grid-template-columns:1fr 1fr}.site-footer{grid-template-columns:1fr 1fr}.band{align-items:flex-start;flex-direction:column}}@media(max-width:540px){.actions>a:not(.button){display:none}.cards{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}form{grid-template-columns:1fr}form>*{grid-column:1}.list article{grid-template-columns:35px 1fr}.list article a{grid-column:2}.hero h1,.page-hero h1{font-size:clamp(2.5rem,14vw,4rem)}}
.site-header nav,.site-header .actions{gap:.8rem}.site-header nav a,.site-header .actions a{font-size:.78rem}.site-header .button{padding:.42rem .7rem}.admin-tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin:1rem 0}.admin-tabs a{padding:.55rem .8rem;border:1px solid var(--line);border-radius:7px;text-decoration:none}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}.admin-grid article{background:var(--card);border:1px solid var(--line);padding:1rem;border-radius:10px}.admin-grid strong{display:block;font-size:1.7rem}.settings-form{grid-template-columns:repeat(2,1fr)}.settings-form label{display:grid;gap:.3rem;font-weight:700}.settings-form label span{font-size:.78rem;color:var(--slate)}@media(max-width:800px){.admin-grid{grid-template-columns:repeat(2,1fr)}.settings-form{grid-template-columns:1fr}}
.ticket-heading{display:flex;justify-content:space-between;align-items:center;gap:1rem}.ticket-heading h1{font-size:clamp(2.2rem,5vw,4.5rem);margin:.2rem 0}.ticket-badge,.visibility{display:inline-block;padding:.3rem .65rem;border-radius:99px;background:#e6f1e8;color:#356544;font-size:.78rem;font-weight:700}.visibility.private{background:#ececef;color:#555}.ticket-layout{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.5rem 0}.ticket-layout .form-card,.notes-panel{max-width:none;margin:0}.ticket-details dl{display:grid;grid-template-columns:130px 1fr;gap:.65rem 1rem}.ticket-details dt{font-weight:700;color:var(--slate)}.ticket-details dd{margin:0}.full{grid-column:1/-1}.check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:.6rem!important;font-weight:400!important}.check input{width:auto}.notes-panel{margin:1rem 0}.note-list article,.customer-note{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1rem;margin:.7rem 0}.note-list article>div{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.note-list article>div>span:not(.visibility){color:var(--slate);font-size:.85rem}.ticket-list h3 a{text-decoration:none}.portal-tickets article{align-items:start}.portal-tickets details{margin-top:.7rem}.portal-tickets summary{cursor:pointer;font-weight:700}.customer-note small{display:block;color:var(--slate)}.error{background:#f8e6e2;color:#8b3121}@media(max-width:800px){.ticket-layout{grid-template-columns:1fr}.ticket-details dl{grid-template-columns:1fr}.ticket-details dd{margin-bottom:.5rem}}@media(max-width:540px){.ticket-heading{align-items:flex-start;flex-direction:column}.ticket-list article>a.button{grid-column:2}.portal-tickets article>small{grid-column:2}}
