@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080e19;--panel:#121c2b;--line:#26364b;--text:#f5f7fc;--muted:#9aaabf;--blue:#638dff;--green:#64dbac}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.top{max-width:1400px;margin:auto;min-height:90px;padding:18px 7%;display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;font:700 18px 'Space Grotesk',sans-serif;letter-spacing:-.7px}.brand small{display:block;color:#7f92aa;letter-spacing:2.4px;font:700 9px 'DM Sans',sans-serif}.mark{height:45px;width:45px;border:1px solid #466ad5;background:#1b2c53;border-radius:14px;color:#8db0ff;display:grid;place-items:center;font-size:30px}.top nav{display:flex;align-items:center;flex-wrap:wrap;gap:25px;font-weight:600;font-size:13px}.top nav>a:not(.navlogin){color:#b4c2d4}.top nav>a:hover{color:white}.navlogin,.btn.primary{background:#5579ea;color:#fff}.navlogin{padding:10px 18px;border-radius:9px}.who{color:#90a6cb}.inline{display:inline}.link{background:none;border:0;color:#a8b8cd;padding:0}.demo{background:#5b421c;color:#ffdb91;text-align:center;padding:8px 12px;font-size:12px;letter-spacing:.5px}main{max-width:1400px;margin:0 auto;padding:0 7% 70px;min-height:75vh}.hero{min-height:480px;border:1px solid #26395a;border-radius:22px;background:radial-gradient(circle at 80% 35%,#274474 0%,transparent 45%),linear-gradient(125deg,#15233c,#091320 75%);margin-top:25px;padding:90px 7%;position:relative;overflow:hidden}.hero h1{font:700 clamp(42px,5.5vw,78px)/1.03 'Space Grotesk',sans-serif;letter-spacing:-3px;margin:18px 0}.hero h1 em{font-style:normal;color:#86a4ff}.hero p{max-width:530px;font-size:17px;color:#bdcad9}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2.8px;color:#7fa3ff;text-transform:uppercase}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:6px;border:0;border-radius:9px;padding:12px 19px;font-weight:700;font-size:13px}.btn:hover,.mini-btn:hover{filter:brightness(1.15)}.btn.secondary{background:#243249;border:1px solid #3b4c64;color:white}.btn.discord{background:#5865f2;color:white;margin-top:25px}.section{margin-top:65px}.sectiontop{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:34px 0 20px}h1,h2,h3{font-family:'Space Grotesk',sans-serif}h2{font-size:27px;letter-spacing:-1px;margin:12px 0 20px}h3{font-size:21px;letter-spacing:-.5px}.sectiontop h2{margin:4px 0}.subtle,.tools a{color:#90acff;font-weight:700;font-size:13px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:17px}.card,.panel{background:#131e2e;border:1px solid #29384c;border-radius:15px}.card{padding:26px;min-height:240px;display:flex;flex-direction:column;align-items:flex-start;transition:border .15s}.card:hover{border-color:#5771ae}.cardicon{font-size:28px;color:#89a6ef;background:#1f304b;width:48px;height:48px;border-radius:12px;display:grid;place-items:center;margin-bottom:23px}.card h3{margin:12px 0 5px}.card p{color:#a3b1c4;line-height:1.55;margin:0 0 22px}.cardfoot{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;margin-top:auto;padding-top:13px;border-top:1px solid #2a3a50}.open{color:#62d8a2;font-size:10px;font-weight:800;letter-spacing:1px}.pagehead{padding:54px 0 24px}.pagehead h1,.authpanel h1{font-size:clamp(33px,4vw,55px);line-height:1.13;letter-spacing:-2px;margin:12px 0}.pagehead p,.authpanel p{color:#a6b5c8}.panel{padding:26px;margin:15px 0 25px;overflow-x:auto}.form{max-width:790px}.field{display:flex;flex-direction:column;gap:9px;color:#e6edfa;font-size:14px;margin-bottom:21px}.field input,.field textarea,.field select{background:#0c1422;border:1px solid #3a4b63;border-radius:9px;color:#f5f7ff;padding:12px 14px;width:100%;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#7797ff}.field textarea{resize:vertical}.req{color:#ff7c8d}.checkbox{display:flex;align-items:center;gap:9px;margin-bottom:20px;color:#bccad9}.checkbox input{accent-color:#6c8fff}.authpanel{max-width:530px;text-align:center;margin:85px auto;padding:42px;background:#131e2e;border:1px solid #26374c;border-radius:18px}.authpanel .btn{margin-top:15px}.hint{color:#92a4bd;font-size:12px;margin:18px 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:10px 0 35px}.stat{padding:23px;background:#131e2e;border:1px solid #29384c;border-radius:13px}.stat strong{display:block;font:700 39px 'Space Grotesk'}.stat span{color:#a7b5c7;font-size:13px}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{color:#93a7c0;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:1px}th,td{padding:15px 10px;border-bottom:1px solid #2a384a;vertical-align:top}td a{color:#a8baff;font-weight:700}.status{display:inline-block;border-radius:30px;font-size:11px;font-weight:700;padding:4px 11px;background:#263248;color:#bacaff;text-transform:capitalize}.status.open,.status.approved{background:#173b36;color:#81dfbb}.status.closed,.status.denied{background:#402735;color:#ff9fa8}.status.pending{background:#43371d;color:#f4d58a}.status.interview{background:#26385a;color:#8db3ff}.muted{color:#849ab1}.mini-btn{background:#293b65;color:#bed0ff;padding:8px 12px;border-radius:9px;font-size:12px;font-weight:700}.answer{padding:10px 0 15px;border-bottom:1px solid #29384c}.answer p{white-space:pre-wrap;color:#bbc8d9}.stack{display:grid;gap:8px}.questionedit{display:grid;gap:14px}.danger{background:none;color:#ff9eae;border:0;padding:8px 0}.reviewer{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #2a384a}.alert{background:#173c35;border:1px solid #34745f;color:#a1e3c7;padding:12px 15px;border-radius:9px;margin-bottom:15px}footer{text-align:center;border-top:1px solid #233246;color:#7b91aa;font-size:12px;padding:26px}@media(max-width:760px){.top{padding:17px 5%;align-items:flex-start;flex-direction:column}.top nav{gap:12px}.top nav .who{display:none}main{padding:0 5% 40px}.hero{padding:58px 25px;min-height:390px}.hero h1{letter-spacing:-1.5px}.stats{grid-template-columns:1fr}.section{margin-top:35px}}

/* West Palm Beach grayscale / seal-inspired branding */
:root{--bg:#0e0e10;--panel:#1b1b1d;--line:#39393d;--text:#f5f4f2;--muted:#b6b4b2;--blue:#e5e3df;--green:#7abc79}
body{background:#101011;color:#f3f3f3}
.top{max-width:1500px}.top nav>a:not(.navlogin){color:#c4c4c4}
.brand{letter-spacing:.1px;font-size:17px}.brand small{color:#bcbcbc}
.brand-logo{height:62px;width:62px;object-fit:contain;flex-shrink:0;filter:drop-shadow(0 3px 8px #0008)}
.navlogin,.btn.primary{background:#f0eeeb;color:#151517;border:1px solid #f0eeeb}
.navlogin:hover,.btn.primary:hover{background:#fff}
.who{color:#ededed}.link{color:#d3d3d3}
.hero{border:1px solid #3e3d3d;background:radial-gradient(circle at 79% 44%,#353538 0%,transparent 49%),linear-gradient(125deg,#272729,#121213 76%);padding-right:32%;min-height:465px}
.hero h1 em{color:#e5dedd}.hero p,.pagehead p,.authpanel p{color:#bababa}
.hero-seal{position:absolute;right:5%;top:50%;width:min(29%,320px);aspect-ratio:1;object-fit:contain;transform:translateY(-50%);filter:drop-shadow(0 10px 24px #0008)}
.eyebrow{color:#dfb4a8}.subtle,.tools a,td a{color:#e1c4bc}
.btn.secondary{background:#2e2e31;border-color:#4b4b4e}
.card,.panel,.stat,.authpanel{background:#1b1b1e;border-color:#37373a}
.card:hover{border-color:#a6403c}.cardicon{color:#e6e5e4;background:#303033}
.card p,.answer p,.stat span{color:#b7b7b9}.cardfoot,.answer,th,td,.reviewer{border-color:#3b3b3f}
.open{color:#88cc82}.mini-btn{background:#353538;color:#f4f1f0}
.field{color:#e6e5e4}.field input,.field select,.field textarea{background:#111113;border-color:#49494e;color:#fff}.field input:focus,.field textarea:focus,.field select:focus{border-color:#cd7063}
.status{background:#38383b;color:#f1f1f1}.status.approved,.status.open{background:#20372a;color:#a0dbab}.status.denied,.status.closed{background:#492527;color:#f3acae}.status.pending{background:#433b2b;color:#f0d3a1}.status.interview{background:#33333b;color:#dddde5}
.demo{background:#403224;color:#f7dbaf}.alert{background:#263c2d;border-color:#467451;color:#c6edcb}.hint,.muted{color:#a8a8aa}.checkbox{color:#c9c9ca}.checkbox input{accent-color:#a73b38}footer{border-color:#353538;color:#999}
@media(max-width:760px){.brand-logo{width:48px;height:48px}.hero{padding:55px 24px 180px}.hero-seal{width:155px;right:24px;top:auto;bottom:12px;transform:none;opacity:.88}}


/* V8 — editorial monochrome identity with restrained West Palm red */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Barlow:wght@400;500;600;700;800&display=swap');
:root{--bg:#101011;--panel:#1b1b1d;--line:#333234;--text:#efeeec;--muted:#aaa7a5;--blue:#b84d49;--green:#8dc78c;--accent:#b83b3b}
html{background:#101011}body{font-family:'Barlow',Arial,sans-serif;background:radial-gradient(ellipse 95% 65% at 51% 31%,#201c1c 0%,#111112 55%,#0d0d0e 100%);background-attachment:fixed;letter-spacing:.1px}
body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.085;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.52'/%3E%3C/svg%3E")}
.top{max-width:1600px;min-height:82px;padding:12px 5.5%;border-bottom:1px solid #ffffff0e}.brand{font-family:'Barlow Condensed',sans-serif;font-weight:800;letter-spacing:.8px;font-size:20px;text-transform:uppercase}.brand-logo{height:48px;width:48px}.brand small{letter-spacing:2.2px;color:#8e8886;font-size:9px;margin-top:1px}.top nav{gap:23px;font-family:'Barlow Condensed',sans-serif;font-size:14px;font-weight:800;letter-spacing:.8px}.top nav>a:not(.navlogin){color:#999595;transition:color .2s}.top nav>a:hover{color:#f3eeee}.top nav>a[href="/"]{color:#eeebea}.top nav>a[href="/"]:after{content:'';display:block;height:2px;background:#a73e3d;margin-top:2px}.navlogin{background:transparent;color:#eee;border:1px solid #84413e;padding:10px 15px;border-radius:2px}.navlogin:hover{border-color:#c24f4a;background:#312021}.who{font-size:12px;font-family:'Barlow',sans-serif;letter-spacing:0}main{max-width:1600px;padding:0 5.5% 100px}.demo{background:#3a2827;color:#edc6ba;letter-spacing:1px}
.hero{margin:0 calc(-5.5vw);min-height:min(790px,82vh);border:0;border-radius:0;background:radial-gradient(ellipse 55% 65% at 74% 52%,#322224 0%,#1a1718 45%,transparent 92%),radial-gradient(ellipse at 52% 45%,#201d1d 5%,transparent 70%);padding:130px 9% 100px;display:flex;align-items:center;justify-content:center;text-align:center;isolation:isolate}
.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0e0e0f90,transparent 45%,#0e0e0f75),radial-gradient(circle at 50% 45%,transparent 10%,#10101187 85%);z-index:-1}
.hero-grain{position:absolute;inset:0;pointer-events:none;opacity:.14;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E")}
.hero-content{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;width:100%;max-width:1100px}.hero .eyebrow{font:700 12px 'Barlow Condensed',sans-serif;letter-spacing:4px;color:#bf706a}.eyebrow-separator{color:#eee;margin:0 7px;opacity:.6}.hero h1{font-family:'Barlow Condensed','Impact',sans-serif;font-weight:900;font-size:clamp(90px,13vw,208px);letter-spacing:-3px;line-height:.72;margin:46px 0 38px;text-transform:uppercase;white-space:nowrap;text-shadow:0 7px 30px #0005}.hero h1 em{display:inline-block;color:#ba4541;font-style:normal;margin-top:17px}.hero p{font-size:17px;line-height:1.75;color:#a8a2a0;max-width:560px;margin:0}.hero .actions{justify-content:center;gap:14px;margin-top:34px}.hero .btn{border-radius:2px;min-width:180px;min-height:51px;letter-spacing:1px;font:800 14px 'Barlow Condensed',sans-serif}.btn.primary,.navlogin{transition:background .2s,border .2s,color .2s}.hero .btn.primary{background:#b54240;border:1px solid #b54240;color:#fff}.hero .btn.primary:hover{background:#ce504c}.hero .btn.secondary{background:#171515b0;border:1px solid #484243;color:#f6f1ef}.hero .btn.secondary:hover{border-color:#b54240}.hero-seal{width:clamp(180px,25vw,400px);right:-3%;top:52%;transform:translateY(-50%) rotate(-11deg);opacity:.09;filter:grayscale(.1);z-index:0}.hero-bottom{position:absolute;bottom:28px;left:7%;right:7%;display:flex;justify-content:space-between;gap:20px;color:#777070;letter-spacing:2px;font:700 11px 'Barlow Condensed',sans-serif}.hero-bottom>span:not(.hero-scroll){margin:0 auto 0 7px}.hero-scroll{margin-left:auto}
.section{margin-top:70px}.sectiontop{border-bottom:1px solid #353032;padding-bottom:21px}.sectiontop h2,.pagehead h1{font:800 clamp(30px,4vw,48px) 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.3px}.eyebrow{font-family:'Barlow Condensed',sans-serif;letter-spacing:2.5px;color:#c05b56}.subtle,.tools a,td a{color:#e3b3af}.cards{gap:16px}.card{background:linear-gradient(135deg,#211f20,#171617);border:1px solid #343132;border-radius:4px;min-height:260px;padding:26px;transition:transform .2s,border-color .2s,background .2s}.card:hover{transform:translateY(-4px);border-color:#9d4947;background:linear-gradient(135deg,#292324,#181617)}.cardicon{font-size:23px;background:#312526;color:#ce7772;border-radius:3px;width:43px;height:43px}.card h3{font:800 28px 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.35px}.card p{color:#aaa5a5}.cardfoot{border-color:#3e3536}.open{color:#b8c9b3}.panel,.stat,.authpanel{background:#1b191a;border:1px solid #3c3435;border-radius:5px}.panel h2,.panel h3,.authpanel h1,h3{font-family:'Barlow Condensed',sans-serif}.pagehead{padding-top:62px}.pagehead h1{font-size:clamp(42px,5vw,70px)}.pagehead p{color:#a8a1a1}.btn{border-radius:3px}.btn.primary{background:#b2403d;border:1px solid #b2403d;color:#fff}.btn.primary:hover{background:#c34a46}.btn.secondary{border-radius:3px;background:#2b2526;border-color:#443b3c}.field input,.field textarea,.field select{background:#121112;border:1px solid #504447;border-radius:3px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#bd5954;box-shadow:0 0 0 2px #bd59541d}.stat strong{font-family:'Barlow Condensed',sans-serif}.mini-btn{border-radius:3px}.status{border-radius:3px}.authpanel{max-width:560px}.alert{border-radius:3px}footer{border-top:1px solid #363132;font-family:'Barlow Condensed',sans-serif;letter-spacing:.8px;text-transform:uppercase}
@media(max-width:1100px){.top{padding:14px 4%}.top nav{gap:13px}.hero{margin:0 -4vw}.hero h1{font-size:clamp(82px,13vw,160px)}.hero-seal{opacity:.07}main{padding-left:4%;padding-right:4%}}
@media(max-width:760px){.top{align-items:center}.brand{font-size:18px}.top nav{justify-content:center;gap:12px;font-size:12px}.hero{min-height:670px;padding:100px 6% 120px;margin:0 -4.4vw}.hero h1{font-size:clamp(66px,17vw,126px);letter-spacing:-1.5px;margin:38px 0 36px}.hero h1 em{margin-top:12px}.hero p{font-size:15px}.hero .eyebrow{font-size:10px;letter-spacing:2px}.hero .btn{min-width:0}.hero-seal{width:270px;right:-60px;top:57%;bottom:auto;transform:translateY(-50%) rotate(-11deg);opacity:.055}.hero-bottom{left:5%;right:5%;font-size:9px}.hero-bottom>span:not(.hero-scroll){display:none}.section{margin-top:50px}.sectiontop h2{font-size:34px}.card{min-height:220px}.stats{grid-template-columns:1fr}}
@media(max-width:400px){.hero h1{font-size:clamp(59px,16vw,80px)}.hero .actions{flex-direction:column;width:100%}.hero .btn{width:100%}.hero-bottom{font-size:8px}}

/* V9 — cleaner modern typography and smooth gradient backgrounds */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=League+Spartan:wght@500;600;700;800;900&display=swap');
:root{--bg:#0b0b0c;--panel:#151517;--line:#2e2b2d;--text:#f5f3f1;--muted:#a7a1a0;--accent:#b84542;--accent-soft:#d46a65}
html{background:#0b0b0c}
body{
  font-family:'Inter',Arial,sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 18% 12%, rgba(184,69,66,.14) 0%, rgba(184,69,66,0) 28%),
    radial-gradient(circle at 82% 18%, rgba(255,255,255,.05) 0%, rgba(255,255,255,0) 24%),
    linear-gradient(180deg, #141214 0%, #0d0d0e 38%, #0a0a0b 100%);
  background-attachment:fixed;
  letter-spacing:0;
}
body:before{content:none !important;display:none !important}
h1,h2,h3,.brand,.top nav,.hero .eyebrow,.eyebrow,.hero-bottom,.hero .btn,.pagehead h1,.authpanel h1,.card h3,.stat strong,footer{
  font-family:'League Spartan',Arial,sans-serif;
}
.top{border-bottom:1px solid rgba(255,255,255,.06);padding:14px 5.5%}
.brand{font-size:18px;letter-spacing:.45px}
.brand small{font-family:'Inter',Arial,sans-serif;letter-spacing:2px;color:#8f8786;font-size:8px}
.top nav{font-size:13px;letter-spacing:.9px}
.top nav>a:not(.navlogin){color:#b4adab}
.top nav>a:hover{color:#fff}
.top nav>a[href="/"]:after{background:var(--accent)}
.navlogin{border-color:#6b3533;color:#f3eeee;background:rgba(255,255,255,.01)}
.navlogin:hover{background:#241718;border-color:#9e4744}
.demo{background:#372725;color:#e9c2b8}
main{max-width:1600px;padding:0 5.5% 95px}
.hero{
  margin:0 calc(-5.5vw);
  min-height:min(760px,80vh);
  border:0;
  border-radius:0;
  padding:124px 9% 100px;
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 50% 44%, rgba(184,69,66,.17) 0%, rgba(184,69,66,.08) 16%, rgba(184,69,66,0) 38%),
    radial-gradient(circle at 76% 26%, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 22%),
    linear-gradient(135deg, #0c0c0d 0%, #121113 45%, #181214 100%);
  isolation:isolate;
}
.hero:before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(10,10,11,.88) 0%, rgba(10,10,11,.25) 36%, rgba(10,10,11,.58) 100%);
  z-index:-1;
}
.hero-grain{display:none !important}
.hero-content{max-width:1000px}
.hero .eyebrow{font-size:11px;letter-spacing:4.2px;color:#bb726d}
.eyebrow{color:#c5625d;letter-spacing:2.4px}
.hero h1{
  font-weight:800;
  font-size:clamp(76px,11vw,180px);
  line-height:.82;
  letter-spacing:-2px;
  margin:34px 0 28px;
  text-transform:uppercase;
  white-space:nowrap;
  text-shadow:0 10px 34px rgba(0,0,0,.22);
}
.hero h1 em{color:#cf5e59;margin-top:12px}
.hero p{max-width:610px;font-size:16px;line-height:1.85;color:#bbb3b0}
.hero .actions{gap:14px;margin-top:32px}
.hero .btn,.btn{
  border-radius:4px;
  min-height:50px;
  padding:13px 20px;
  font-size:13px;
  letter-spacing:.9px;
}
.hero .btn.primary,.btn.primary{background:var(--accent);border:1px solid var(--accent);color:#fff}
.hero .btn.primary:hover,.btn.primary:hover{background:var(--accent-soft);border-color:var(--accent-soft)}
.hero .btn.secondary,.btn.secondary{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.17);color:#f1ecea}
.hero .btn.secondary:hover,.btn.secondary:hover{border-color:#96504d;background:rgba(184,69,66,.08)}
.hero-seal{width:clamp(170px,22vw,340px);right:2%;top:50%;transform:translateY(-50%);opacity:.07;filter:none}
.hero-bottom{bottom:28px;left:7%;right:7%;font-size:10px;letter-spacing:2.3px;color:#6e6665}
.hero-scroll{color:#8d8583}
.section{margin-top:62px}
.sectiontop{padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,.08)}
.sectiontop h2,.pagehead h1,.authpanel h1{font-weight:800;letter-spacing:.2px;text-transform:uppercase}
.sectiontop h2{font-size:clamp(34px,3.3vw,50px)}
.pagehead h1{font-size:clamp(40px,4.5vw,64px)}
.subtle,.tools a,td a{color:#e0b1ab}
.card,.panel,.stat,.authpanel{
  background:linear-gradient(180deg, rgba(26,24,26,.95) 0%, rgba(19,18,19,.98) 100%);
  border:1px solid rgba(255,255,255,.08);
  border-radius:6px;
}
.card{
  min-height:250px;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}
.card:hover{transform:translateY(-4px);border-color:#7e4542;box-shadow:0 16px 40px rgba(0,0,0,.22)}
.cardicon{background:#2b2021;color:#d07b75;border-radius:5px;width:44px;height:44px;font-size:22px}
.card h3{font-size:26px;letter-spacing:.2px;text-transform:uppercase}
.card p,.pagehead p,.authpanel p,.answer p,.stat span{color:#afa8a6}
.cardfoot,.answer,th,td,.reviewer{border-color:rgba(255,255,255,.08)}
.open{color:#b7cdb4}
.panel{border-radius:6px}
.field input,.field textarea,.field select{
  background:#111113;
  border:1px solid #43393b;
  border-radius:4px;
  color:#fff;
}
.field input:focus,.field textarea:focus,.field select:focus{border-color:#b85c57;box-shadow:0 0 0 2px rgba(184,92,87,.14)}
.mini-btn{background:#272123;color:#f2ecea;border-radius:4px}
.status{border-radius:4px}
footer{border-top:1px solid rgba(255,255,255,.08);letter-spacing:.8px}
@media(max-width:1100px){
  .hero{min-height:700px}
  .hero h1{font-size:clamp(74px,12vw,144px)}
}
@media(max-width:760px){
  .top{padding:15px 4.5%}
  main{padding:0 4.5% 70px}
  .brand{font-size:17px}
  .top nav{font-size:12px;gap:12px}
  .hero{margin:0 -4.5vw;min-height:650px;padding:98px 6% 118px}
  .hero h1{font-size:clamp(58px,16vw,108px);line-height:.86;white-space:normal}
  .hero p{font-size:15px;line-height:1.72}
  .hero-seal{width:220px;right:-42px;top:58%;opacity:.06}
  .hero-bottom{left:5%;right:5%;font-size:9px}
  .hero-bottom>span:not(.hero-scroll){display:none}
  .sectiontop h2{font-size:34px}
}
@media(max-width:400px){
  .hero .actions{flex-direction:column;width:100%}
  .hero .btn{width:100%}
}


/* V10 — seamless full-width hero, sticky active navigation */
.top{
  position:sticky;
  top:0;
  z-index:100;
  background:rgba(14,13,15,.97);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
.top nav>a[href="/"]{color:#b4adab}
.top nav>a[href="/"]:after{display:none}
.top nav>a.nav-active:not(.navlogin){color:#fff}
.top nav>a.nav-active:not(.navlogin):after{
  content:'';
  display:block;
  height:2px;
  background:var(--accent);
  margin-top:2px;
}
.hero{
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
  background:
    radial-gradient(ellipse 62% 74% at 50% 42%, rgba(113,38,42,.17), transparent 75%),
    linear-gradient(180deg,#141214 0%,#101011 62%,#0d0d0e 100%);
}
.hero:before{display:none;content:none}
.hero-grain,.hero-bottom{display:none!important}
.hero-seal{opacity:.055}
.hero h1{margin-top:36px}
@media(max-width:1100px){.hero{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}
@media(max-width:760px){.hero{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}}

/* V11 — one uninterrupted page gradient and a normal, transparent header */
html{background:#0b0b0d}
body{
  min-height:100vh;
  background:
    radial-gradient(ellipse 74vw 78vh at 50% 34%, rgba(83,33,39,.21) 0%, rgba(83,33,39,.09) 44%, transparent 90%),
    radial-gradient(ellipse 85vw 95vh at 8% 0%, rgba(69,35,40,.2) 0%, transparent 80%),
    linear-gradient(125deg,#111013 0%,#100e11 46%,#0b0b0d 100%);
  background-attachment:fixed;
}
.top{
  position:relative;
  top:auto;
  z-index:auto;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.hero{
  background:transparent;
  isolation:auto;
}
.hero:before,.hero:after{display:none!important;content:none!important}
.hero-grain{display:none!important}
main,.section{background:transparent}
@media(max-width:760px){.hero{background:transparent}}

/* V12 hero typography and seal removal */
.hero h1{font-family:'Inter',Arial,sans-serif;font-weight:850;font-size:clamp(67px,9.3vw,154px);letter-spacing:-.055em;line-height:.94;margin:28px 0 32px}
.hero h1 em{margin-top:3px}
.hero-seal{display:none!important}
@media(max-width:760px){.hero h1{font-size:clamp(48px,12.5vw,94px);letter-spacing:-.055em;white-space:normal;line-height:1}}

/* V13 category layout and navigation */
.application-category .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.top nav>a.nav-active:not(.navlogin){color:#fff!important}
.top nav>a.nav-active:not(.navlogin)::after{content:'';display:block;height:2px;background:var(--accent,#b84542);margin-top:2px}
@media(max-width:1100px){.application-category .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.application-category .cards{grid-template-columns:1fr}}


/* V14 — compact Applications directory only */
.applications-page .pagehead{padding:27px 0 8px}
.applications-page .pagehead h1{font-size:clamp(30px,3.1vw,46px);margin:6px 0 5px;line-height:1.03}
.applications-page .pagehead p{font-size:13px;margin:5px 0 0;line-height:1.4}
.applications-page .eyebrow{font-size:10px;letter-spacing:1.6px}
.applications-page .application-category.section{margin-top:23px}
.applications-page .sectiontop{margin:0 0 12px;padding-bottom:9px}
.applications-page .sectiontop h2{font-size:clamp(22px,2.2vw,32px);line-height:1.05;margin:4px 0 0}
.applications-page .application-category .cards{gap:12px}
.applications-page .card{min-height:155px;padding:16px;border-radius:5px}
.applications-page .cardicon{display:none}
.applications-page .card h3{font-size:19px;line-height:1.12;margin:5px 0 4px}
.applications-page .card p{font-size:12px;line-height:1.4;margin:0 0 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.applications-page .cardfoot{padding-top:9px;gap:5px;margin-top:auto}
.applications-page .open{font-size:9px;letter-spacing:.4px}
.applications-page .mini-btn{font-size:11px;padding:6px 9px}
.applications-page .status{font-size:10px;padding:3px 8px}
@media(max-width:760px){.applications-page .pagehead{padding-top:20px}.applications-page .application-category.section{margin-top:20px}.applications-page .card{min-height:145px}}

/* V15 — up to three cards per category, safe form removal */
.application-category .cards{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1000px){.application-category .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.application-category .cards{grid-template-columns:1fr}}
.danger-zone{border-color:#7e3838;background:linear-gradient(180deg,#251a1c,#171516)}
.delete-form{background:#852f35;color:#fff;border:1px solid #a5454a}
.delete-form:hover{background:#a83c43}


/* V16 — polished department reviews and more prominent category headings */
.department-reviews-page .pagehead{padding:38px 0 25px}
.department-reviews-page .cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.department-reviews-page .card{min-height:175px;padding:22px;justify-content:space-between;gap:22px}
.department-reviews-page .card h3{font-size:clamp(19px,1.5vw,23px);font-weight:800;line-height:1.18;letter-spacing:.12px;margin:0;overflow-wrap:anywhere}
.department-reviews-page .mini-btn{display:inline-flex;align-self:flex-start;font-size:11px;padding:8px 12px;letter-spacing:.1px}
.applications-page .application-category .sectiontop h2{font-size:clamp(30px,2.9vw,41px);line-height:1.04;margin:5px 0 0;letter-spacing:.25px}
@media(max-width:1050px){.department-reviews-page .cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.department-reviews-page .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.department-reviews-page .card{min-height:150px;padding:18px}.applications-page .application-category .sectiontop h2{font-size:32px}}
@media(max-width:520px){.department-reviews-page .cards{grid-template-columns:1fr}.department-reviews-page .card{min-height:125px}}

/* Community Support Center */
.ticket-page{max-width:1180px;margin:auto}
.ticket-page-head{padding-bottom:12px}
.ticket-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:15px 0 44px}
.ticket-category{display:flex;flex-direction:column;justify-content:space-between;gap:13px;min-height:156px;padding:25px;background:linear-gradient(145deg,#211d1f,#151416);border:1px solid #433436;border-radius:7px;transition:.2s}
.ticket-category:hover{transform:translateY(-3px);border-color:#b84e49}
.ticket-category h3{font-size:26px;line-height:1.1;margin:0;color:#f7f2f0}
.ticket-category p{font-size:12px;color:#d5b2b0;margin:0}
.ticket-list{padding:10px 20px}
.ticket-list td:first-child a{color:#f1cecb;font-weight:650}
.ticket-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:13px 20px;margin-bottom:16px;background:#1b181a;border:1px solid #3d3335;border-radius:6px;color:#aeadad;font-size:13px}
.ticket-toolbar form{margin:0}
.ticket-toolbar strong{color:#eee}
.ticket-thread{display:flex;flex-direction:column;gap:13px;margin:18px 0}
.ticket-message{max-width:88%;align-self:flex-start;width:fit-content;min-width:260px;padding:18px 20px;background:#232023;border:1px solid #3a3336;border-radius:8px;overflow-wrap:anywhere}
.ticket-message.ticket-customer{align-self:flex-end;background:linear-gradient(125deg,#2d1d1f,#221b1d);border-color:#62393a}
.ticket-message-head{display:flex;align-items:center;flex-wrap:wrap;gap:16px;justify-content:space-between;color:#f7f2ef}
.ticket-message-head small{color:#999191;font-size:11px}
.ticket-message p{margin:10px 0 0;white-space:pre-wrap;line-height:1.65;color:#e0d9d8}
.ticket-message img{display:block;max-width:100%;max-height:420px;object-fit:contain;border-radius:5px;margin-top:13px}
.ticket-reply{max-width:none}
.ticket-reply .field{margin-bottom:14px}
@media(max-width:850px){.ticket-categories{grid-template-columns:1fr}.ticket-category{min-height:100px}.ticket-message{max-width:100%;min-width:0}.ticket-list{overflow:auto}}
/* Community portal expansion: one-piece admin controls, ticket notes, membership gate */
.member-gate{position:fixed;inset:0;z-index:3000;background:rgba(5,5,7,.94);display:grid;place-items:center;padding:22px;backdrop-filter:blur(7px)}
.member-gate-card{max-width:520px;width:100%;border:1px solid #58302e;border-radius:10px;background:linear-gradient(140deg,#211b1d,#101012);padding:42px;text-align:center;box-shadow:0 25px 80px #0009}
.member-gate-card h2{font-size:clamp(28px,4vw,40px);line-height:1.05}.member-gate-card p{color:#b5adad;margin-bottom:25px}.member-gate-card .btn{margin:5px}.member-gate-card form{margin-top:20px}
.admin-links{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 12px}.admin-links a{padding:14px}
.ticket-internal{border:1px solid #967344!important;background:#30261b!important}.ticket-internal .ticket-message-head strong{color:#f4c981}
.ticket-typing{color:#d79e9a;font-size:13px;min-height:24px;margin:10px 0}
@media(max-width:600px){.member-gate-card{padding:25px 18px}.admin-links{flex-direction:column}}

/* V19: support navigation, compact ticket queue and admin breadcrumbs */
.ticket-page .sectiontop{align-items:center;gap:14px;flex-wrap:wrap}
.ticket-page .sectiontop h2{font-size:clamp(23px,2.3vw,32px);line-height:1.12;letter-spacing:0;margin:0}
.ticket-page .sectiontop .ticket-manage-link{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;padding:10px 15px;line-height:1.25;flex-shrink:0}
.ticket-manage-link span{display:inline-block;line-height:1;font-size:16px}
.admin-back-link{display:inline-flex;align-items:center;gap:8px;color:#e0aaa5;font-size:13px;font-weight:700;text-decoration:none;margin-bottom:24px}
.admin-back-link:hover{color:#fff}
.pagehead .admin-back-link + .eyebrow{display:block}
@media(max-width:760px){.ticket-page .sectiontop h2{font-size:24px}.ticket-page .sectiontop .ticket-manage-link{white-space:normal}}
.top nav>a[href="/tickets"].nav-active::after{content:'';display:block;height:2px;background:var(--accent,#b84542);margin-top:2px}

/* V20 support conversation alignment and avatars */
.ticket-message.ticket-customer{align-self:flex-end}.ticket-message:not(.ticket-customer){align-self:flex-start}.ticket-message-head{justify-content:flex-start;gap:10px}.ticket-message-head small{margin-left:auto}.ticket-avatar{height:30px!important;width:30px!important;min-width:30px;border-radius:50%!important;object-fit:cover!important;margin:0!important}.ticket-list .mini-btn{white-space:nowrap}