@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Inter:wght@400;500;600;700&display=swap');
:root{--night:#101c28;--slate:#24394b;--pale:#dce0e0;--gold:#ddba72;--ink:#152332}*{box-sizing:border-box}body{margin:0;background:var(--night);color:#f0f2f0;font-family:Inter,Arial,sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,.button{cursor:pointer;display:inline-block;padding:12px 21px;border:1px solid var(--gold);background:var(--gold);color:#142130;text-decoration:none;font-weight:600;border-radius:2px}.secondary{background:transparent;color:inherit;border-color:#9eabb5}h1,h2,h3,.brand{font-family:Cinzel,Georgia,serif;line-height:1.18}h1{font-size:clamp(38px,5vw,70px);font-weight:600;margin:18px 0 24px;max-width:840px}h2{font-size:clamp(28px,3vw,40px);margin:0 0 22px}h3{font-size:23px}p{max-width:700px}header{max-width:1280px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:27px 40px;border-bottom:1px solid #425261}.brand{font-size:22px;text-decoration:none;letter-spacing:1px}nav{display:flex;flex-wrap:wrap;gap:24px}nav a{text-decoration:none;font-size:14px}nav a[aria-current]{color:var(--gold);border-bottom:2px solid var(--gold)}.reviewbar{background:#314858;padding:7px 30px;display:flex;gap:24px;justify-content:space-between;font-size:11px;letter-spacing:1px}.reviewbar span{letter-spacing:0;color:#eef1f3}.hero,section,.pagehead{padding:65px max(40px,calc((100vw - 1200px)/2))}.hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;background:linear-gradient(120deg,#111c28,#294154)}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:3px;text-transform:uppercase;font-weight:600}.lead{font-size:19px;color:#e4e9ed}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:28px 0}.light{background:var(--pale);color:var(--ink)}.slate{background:var(--slate)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.two{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.placeholder{min-height:210px;border:1px dashed #8798a8;background:#203142;color:#e5eaf0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:26px;text-align:center;position:relative}.placeholder strong{font-family:Cinzel,Georgia,serif;font-size:23px}.placeholder small{max-width:300px;margin-top:15px;color:#c8d5df}.placeholder:before{content:'IMAGE TO BE SUPPLIED';font:10px Inter,Arial;letter-spacing:2px;color:var(--gold);margin-bottom:18px}.hero .placeholder{min-height:400px}.light .placeholder{background:#c6ced2;color:#24394b;border-color:#6c7e8c}.light .placeholder small{color:#32485a}.light .placeholder:before{color:#60491e}.status{display:inline-block;padding:5px 10px;font-size:11px;letter-spacing:1px;background:#3d5363;color:#fff}.callout{border-left:3px solid var(--gold);padding:16px 22px;background:#ffffff09;margin:25px 0}.light .callout{background:#ffffff55}.card{border-top:1px solid #7c8c98;padding-top:20px}.card a{font-weight:600}.muted{color:#c2ced7}.light .muted{color:#435565}.compact{padding-top:35px;padding-bottom:35px}footer{padding:45px max(40px,calc((100vw - 1200px)/2));display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid #425261}footer a{display:block;margin-bottom:9px}footer small{grid-column:1/-1;color:#c2ced7}.notes{position:fixed;right:20px;bottom:18px;z-index:10;max-width:350px;box-shadow:0 5px 25px #0006}.notes>button{width:100%}#notesPanel{padding:20px;background:#f0f2f1;color:var(--ink)}textarea{width:100%;margin-top:10px;padding:10px}#notesPanel p{font-size:12px}input,select{padding:10px;border:1px solid #81909a;background:#f4f5f2;color:#152332;max-width:100%}.product-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:20px}.product-controls input{width:75px}.catalog{margin-top:30px}.catalog h3{margin-bottom:8px}.sitemap{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.sitemap a{display:block;padding:23px;background:#ffffff0a;border:1px solid #627588;text-decoration:none}.sitemap small{display:block;color:#c2ced7}.board{display:grid;grid-template-columns:repeat(6,1fr);gap:5px;background:#122433;padding:16px;max-width:510px}.cell{aspect-ratio:1;padding:0;border:1px solid #54697b;background:#263e51;color:#d9e1e6;font-size:12px}.cell.tile{background:#c4ccd0;color:#17293b;border:3px solid #85939b}.cell.selected{outline:3px solid var(--gold);outline-offset:-3px}.board-caption{font-size:13px}.formrow{margin:18px 0}.formrow label{display:block;margin-bottom:6px}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:16px 8px;border-bottom:1px solid #71818e}ul{padding-left:22px}.empty{padding:30px;border:1px dashed #8c9dab}@media(max-width:850px){header{align-items:flex-start;flex-direction:column;padding:22px}nav{gap:13px}.hero,.two,.grid{grid-template-columns:1fr}.hero,section,.pagehead{padding:40px 24px}.hero .placeholder{min-height:260px}.reviewbar span{display:none}.reviewbar{padding:7px 18px}footer{padding:35px 24px;grid-template-columns:1fr}.sitemap{grid-template-columns:1fr}.notes{right:10px;bottom:10px;max-width:300px}h1{font-size:42px}}@media(prefers-reduced-motion:no-preference){a,button{transition:filter .15s}a:hover,button:hover{filter:brightness(1.15)}}
.mockup-image{margin:0;position:relative;overflow:hidden;background:#1a2b3a;min-height:210px}.mockup-image img{display:block;width:100%;height:290px;object-fit:cover}.hero .mockup-image img{height:490px}.mockup-image figcaption{padding:11px 15px;background:#132333;color:#edf1f4;font-size:12px}.mockup-image figcaption span{display:block;font-size:9px;letter-spacing:1.4px;color:#e6c57e}.mockup-image figcaption strong{font-weight:500}.hero{gap:35px}.hero h1{font-size:clamp(38px,4.6vw,65px)}@media(max-width:850px){.hero .mockup-image img{height:310px}}

.light .eyebrow{color:#72521f}

/* Shared header: main pages and a direct route to the support options. */
body>header>nav{margin-left:auto;align-items:center}
.header-support{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex-shrink:0;min-height:44px;padding:10px 18px;border:1px solid var(--gold);border-radius:4px;background:var(--gold);color:var(--ink);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}
.header-support svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body>header a:focus-visible{outline:3px solid #f4d080;outline-offset:5px}
@media(max-width:850px){body>header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 16px}body>header>nav{grid-column:1/-1;grid-row:2;margin-left:0;gap:10px 24px}body>header>.header-support{grid-column:2;grid-row:1}}
@media(max-width:380px){body>header>.brand{font-size:19px}.header-support{padding:10px 12px}}