:root{
  --bg:#07111b;--bg2:#091725;--panel:#0d1d2b;--line:#1f3e54;
  --text:#eff8ff;--muted:#91a9bb;--cyan:#41c7f2;--green:#60e4a4;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 70% 0,#153b59 0,#091725 38%,#060e16 100%);color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}
a{color:inherit}
header{height:64px;display:flex;align-items:center;padding:0 5vw;border-bottom:1px solid #19364b;background:rgba(5,14,23,.92);position:sticky;top:0;backdrop-filter:blur(12px);z-index:5}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand span{font-size:30px;color:var(--cyan)}.brand b{font-size:18px}
.header-cta{margin-left:auto;text-decoration:none;border:1px solid #2c5871;border-radius:9px;padding:8px 12px;color:#c9e9f6;font-size:11px;font-weight:800}
.eyebrow{font-size:10px;letter-spacing:.17em;color:#58caf5;font-weight:800;text-transform:uppercase}
.cta{display:inline-block;text-decoration:none;border-radius:10px;padding:11px 16px;font-weight:850;background:linear-gradient(180deg,#2bb9ec,#1887bd);color:#fff}
.hero{max-width:920px;margin:auto;padding:92px 24px 68px;text-align:center}
.hero h1{font-size:clamp(50px,8vw,84px);line-height:.92;margin:10px 0 20px;letter-spacing:-.055em}
.hero p{max-width:760px;margin:0 auto;color:#a6bac8;font-size:18px}
.hero .cta{margin-top:18px}
.what{max-width:920px;margin:auto;padding:20px 24px 64px;text-align:center}
.what h2{font-size:31px;line-height:1.08;margin:6px auto 20px;max-width:720px}
.what ul{list-style:none;padding:0;margin:0 auto;display:flex;justify-content:center;gap:9px;flex-wrap:wrap}
.what li{border:1px solid #24475d;background:#0a1b28;border-radius:999px;padding:9px 12px;color:#b6cbd7;font-size:11px}
.listings{max-width:1180px;margin:auto;padding:48px 24px 72px;border-top:1px solid #153246}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px}.section-head h2{font-size:34px;margin:4px 0 0}.count-pill{border:1px solid #29536b;background:#0b2736;color:#9bd7eb;border-radius:999px;padding:6px 9px;font-size:9px}
.niche-tabs{display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;padding:18px 2px 14px;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.niche-tabs::-webkit-scrollbar{display:none}
.niche-tabs button{white-space:nowrap;flex:0 0 auto;scroll-snap-align:start;border:1px solid #294b61;background:#081824;color:#91adbd;border-radius:999px;padding:7px 10px;font:inherit;font-size:9px;cursor:pointer}
.niche-tabs button.active{background:#13374c;border-color:#4cc4ef;color:#fff}
.listing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.listing{background:linear-gradient(180deg,#0d1e2d,#091722);border:1px solid #1f3d52;border-radius:14px;padding:16px;min-height:205px;display:flex;flex-direction:column}
.listing .top{display:flex;justify-content:space-between;gap:7px;align-items:center}.badge{font-size:8px;border:1px solid #2a536b;background:#0b2a3a;color:#83d1ec;border-radius:999px;padding:4px 7px;text-transform:uppercase}
.listing h3{font-size:16px;line-height:1.25;margin:12px 0 7px}.listing p{font-size:10px;color:#879faf;margin:0}.listing .meta{margin:12px 0;color:#c4d6e1;font-size:10px}.listing .button{margin-top:auto;display:inline-block;text-align:center;text-decoration:none;border-radius:9px;padding:9px 11px;background:#12344a;border:1px solid #2c5d76;color:#d7f1fb;font-size:10px;font-weight:800}
.loading{color:#7892a3}
.bottom-cta{max-width:1180px;margin:0 auto 58px;padding:25px;border:1px solid #25485f;background:linear-gradient(120deg,#0e2537,#111d35);border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.bottom-cta h2{font-size:28px;margin:3px 0}
footer{max-width:1180px;margin:auto;padding:24px;border-top:1px solid #173247;color:#758fa2;font-size:11px;display:flex;gap:18px}
@media(max-width:900px){.listing-grid{grid-template-columns:1fr 1fr}.hero p{font-size:16px}.what ul{align-items:stretch;flex-direction:column}.what li{border-radius:10px}.section-head{align-items:flex-start;flex-direction:column}}
@media(max-width:650px){.listing-grid{grid-template-columns:1fr}.hero{padding-top:64px}.hero h1{font-size:50px}.bottom-cta{margin-left:15px;margin-right:15px;align-items:flex-start;flex-direction:column}footer{flex-direction:column}}

.live-contract-badge{display:inline-flex;align-items:center;gap:12px;margin:22px auto 0;padding:12px 18px;border:1px solid #2a637f;background:linear-gradient(180deg,#0d2b3e,#081923);border-radius:14px;color:#9bb8c8;box-shadow:0 18px 45px rgba(0,0,0,.22)}
.live-contract-badge>div{display:grid;text-align:left;line-height:1.08}.live-contract-badge b{color:#fff;font-size:28px;font-weight:950;letter-spacing:-.03em}.live-contract-badge span{font-size:9px;font-weight:900;letter-spacing:.09em}.live-contract-badge small{font-size:8px;color:#6f92a5;margin-top:4px}.live-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);flex:0 0 auto}

.popular-work{display:flex;justify-content:center;align-items:center;gap:7px;flex-wrap:wrap;margin:18px auto 0;max-width:900px}.popular-work b{font-size:10px;color:#fff}.popular-work span{font-size:9px;padding:6px 8px;border-radius:999px;border:1px solid #28516a;background:#081a27;color:#afd2e2;font-weight:700}

.listing.preview-only{min-height:185px}
.listing.preview-only h3{margin-top:2px;font-size:17px}
.listing.preview-only .description{font-size:11px;line-height:1.55;color:#9eb4c1;margin:0 0 16px}

/* === Neon reference theme override 2026-09-30 === */
:root{
  --bg:#020924;--bg2:#041337;--panel:rgba(7,24,69,.84);--line:rgba(77,121,255,.48);
  --text:#f7fbff;--muted:#99abd0;--cyan:#22e6ff;--green:#38ffd0;--purple:#8a5cff;--pink:#c643ff;
}
body{
  background:
    radial-gradient(circle at 74% 4%,rgba(124,55,255,.24),transparent 28%),
    radial-gradient(circle at 18% 16%,rgba(0,211,255,.14),transparent 24%),
    radial-gradient(circle at 88% 60%,rgba(0,142,255,.10),transparent 24%),
    linear-gradient(180deg,#020822 0%,#031136 48%,#020821 100%);
  background-attachment:fixed;
}
header{
  border-bottom:1px solid rgba(65,111,235,.32);
  background:rgba(2,8,30,.78);
  box-shadow:0 12px 34px rgba(0,0,0,.22),0 1px 0 rgba(34,230,255,.07) inset;
}
.brand span{
  color:#30e8ff;
  text-shadow:0 0 18px rgba(48,232,255,.72),0 0 30px rgba(140,76,255,.38);
}
.header-cta,.cta{
  border:1px solid rgba(105,111,255,.58);
  background:linear-gradient(95deg,#8b3fff 0%,#5f63ff 42%,#16d9ff 100%);
  box-shadow:0 10px 30px rgba(78,66,255,.28),0 0 22px rgba(25,217,255,.14);
  color:#fff;
  transition:.2s ease;
}
.header-cta:hover,.cta:hover{transform:translateY(-1px);filter:brightness(1.08)}
.eyebrow{
  display:inline-flex;align-items:center;justify-content:center;
  padding:6px 10px;border-radius:999px;
  border:1px solid rgba(90,112,255,.42);
  background:linear-gradient(90deg,rgba(89,54,255,.22),rgba(0,213,255,.12));
  color:#bfefff;letter-spacing:.13em;
  box-shadow:0 0 20px rgba(55,97,255,.09) inset;
}
.hero{padding-top:86px}
.hero h1{
  background:linear-gradient(100deg,#fff 0%,#fff 34%,#2eeeff 58%,#8e67ff 79%,#f3e8ff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 0 35px rgba(54,101,255,.10);
}
.hero p{color:#a9b9da}
.live-contract-badge{
  border-color:rgba(56,142,255,.48);
  background:linear-gradient(140deg,rgba(8,35,93,.84),rgba(8,17,55,.9));
  box-shadow:0 18px 60px rgba(0,0,0,.28),0 0 38px rgba(19,174,255,.16),0 0 0 1px rgba(128,84,255,.10) inset;
}
.live-dot{background:#39ffd0;box-shadow:0 0 8px #39ffd0,0 0 22px rgba(57,255,208,.75)}
.what li,.popular-work span,.count-pill,.niche-tabs button{
  border-color:rgba(72,111,221,.44);
  background:rgba(7,24,66,.72);
  color:#bdcbed;
}
.niche-tabs button.active{
  border-color:#39dbff;
  background:linear-gradient(90deg,rgba(116,58,255,.92),rgba(11,188,255,.92));
  color:#fff;
  box-shadow:0 0 24px rgba(72,95,255,.26);
}
.listings{border-top-color:rgba(61,95,183,.28)}
.listing{
  background:linear-gradient(160deg,rgba(8,31,83,.92),rgba(5,15,48,.94));
  border-color:rgba(64,104,211,.46);
  box-shadow:0 16px 50px rgba(0,0,0,.22),0 0 24px rgba(19,124,255,.06),0 1px 0 rgba(255,255,255,.025) inset;
  transition:.2s ease;
}
.listing:hover{
  transform:translateY(-2px);
  border-color:rgba(55,218,255,.58);
  box-shadow:0 20px 56px rgba(0,0,0,.3),0 0 28px rgba(49,151,255,.14);
}
.badge{
  border-color:rgba(61,198,255,.42);
  background:rgba(9,54,100,.58);
  color:#8feaff;
}
.listing p,.listing .description{color:#9fb1d0}
.listing .meta{color:#d7e4ff}
.listing .button{
  border-color:rgba(98,113,255,.5);
  background:linear-gradient(90deg,rgba(107,55,255,.78),rgba(8,175,255,.74));
  color:#fff;
  box-shadow:0 8px 26px rgba(39,89,255,.16);
}
.bottom-cta{
  border-color:rgba(87,101,255,.45);
  background:
    radial-gradient(circle at 88% 35%,rgba(27,218,255,.13),transparent 28%),
    linear-gradient(120deg,rgba(40,20,103,.9),rgba(5,35,86,.92));
  box-shadow:0 20px 65px rgba(0,0,0,.26),0 0 36px rgba(72,74,255,.13);
}
footer{border-top-color:rgba(61,95,183,.28);color:#7f91b6}

/* === NEXTGEN REFERENCE THEME START === */
:root{
  --bg:#020621;--bg2:#06113a;--panel:rgba(8,22,66,.82);--line:rgba(102,139,255,.28);
  --text:#f7fbff;--muted:#9daed0;--cyan:#20ddff;--green:#57f2b1;--purple:#825cff;
}
body{
  background:
    radial-gradient(circle at 82% 8%,rgba(122,70,255,.30) 0,rgba(122,70,255,0) 25rem),
    radial-gradient(circle at 54% 16%,rgba(21,218,255,.12) 0,rgba(21,218,255,0) 27rem),
    repeating-linear-gradient(90deg,rgba(105,135,255,.025) 0 1px,transparent 1px 72px),
    repeating-linear-gradient(0deg,rgba(105,135,255,.022) 0 1px,transparent 1px 72px),
    linear-gradient(180deg,#020621 0%,#041039 48%,#02051b 100%);
  background-attachment:fixed;
}
header{height:68px;background:rgba(2,7,31,.78);border-color:rgba(106,142,255,.24);box-shadow:0 12px 38px rgba(0,0,0,.22)}
.brand span{color:#7ceeff;text-shadow:0 0 20px rgba(32,221,255,.72),0 0 32px rgba(130,92,255,.35)}
.header-cta{border-color:rgba(106,142,255,.35);background:rgba(13,28,72,.56);color:#dce8ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.header-cta:hover{border-color:rgba(34,220,255,.48);color:#fff}
.eyebrow{
  display:inline-flex;width:max-content;padding:6px 10px;border-radius:999px;
  border:1px solid rgba(101,137,255,.28);
  background:linear-gradient(135deg,rgba(69,75,255,.22),rgba(0,218,255,.10));
  color:#bdefff;
}
.hero{position:relative;isolation:isolate;padding-top:98px}
.hero::before{content:"";position:absolute;z-index:-1;width:390px;height:390px;right:5%;top:8px;border-radius:50%;background:radial-gradient(circle,rgba(82,60,255,.28),rgba(82,60,255,0) 68%)}
.hero h1{
  background:linear-gradient(90deg,#fff 0%,#f8fbff 38%,#42e4ff 68%,#a36aff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero p{color:#b5c5df}
.cta{
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(135deg,#7d4cff 0%,#8c4cff 38%,#18cfff 100%);
  box-shadow:0 12px 32px rgba(85,72,255,.30),0 0 24px rgba(31,211,255,.10);
}
.cta:hover{transform:translateY(-2px);filter:brightness(1.08)}
.what li,.niche-tabs button,.popular-work span{
  border-color:rgba(94,132,255,.28)!important;
  background:linear-gradient(135deg,rgba(17,38,96,.80),rgba(7,20,58,.86))!important;
  color:#bfd0ec!important;
}
.niche-tabs button.active{
  color:#fff!important;border-color:rgba(58,220,255,.58)!important;
  background:linear-gradient(135deg,rgba(106,73,255,.44),rgba(15,180,255,.32))!important;
  box-shadow:0 0 22px rgba(32,216,255,.12);
}
.listings{border-color:rgba(91,127,255,.18)}
.listing{
  border-color:rgba(95,132,255,.28)!important;
  background:linear-gradient(155deg,rgba(12,35,91,.86),rgba(5,15,48,.88))!important;
  box-shadow:0 16px 44px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(12px);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.listing:hover{transform:translateY(-3px);border-color:rgba(36,220,255,.44)!important;box-shadow:0 22px 58px rgba(0,0,0,.28),0 0 28px rgba(29,210,255,.08)}
.listing .badge,.count-pill{
  border-color:rgba(118,102,255,.35)!important;
  background:linear-gradient(135deg,rgba(95,67,255,.22),rgba(17,143,221,.18))!important;
  color:#d5dcff!important;
}
.live-contract-badge{
  border-color:rgba(74,213,255,.35)!important;
  background:linear-gradient(150deg,rgba(12,38,93,.84),rgba(5,18,52,.88))!important;
  box-shadow:0 20px 54px rgba(0,0,0,.26),0 0 30px rgba(31,212,255,.09)!important;
}
.live-dot{background:#5af2b1!important;box-shadow:0 0 16px rgba(90,242,177,.72)!important}
.bottom-cta{
  border-color:rgba(103,133,255,.34)!important;
  background:linear-gradient(135deg,rgba(19,41,102,.90),rgba(11,19,61,.92))!important;
  box-shadow:0 24px 65px rgba(0,0,0,.30),0 0 38px rgba(101,75,255,.10);
}
footer{border-color:rgba(91,127,255,.18);color:#8294b5}
::selection{background:rgba(124,92,255,.55);color:#fff}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* === NEXTGEN REFERENCE THEME END === */