.opportunities-page { background:#fafafa; }.nav-links a.active { color:#fff; }
.opportunities-hero { min-height:520px; padding:141px 5.7% 50px; position:relative; overflow:hidden; color:#fff; background:radial-gradient(circle at 75% 50%,#172022 0,#0d1011 39%,#070909 72%); }.opportunities-hero::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(90deg,rgba(0,0,0,.22),transparent 63%),linear-gradient(0deg,#080a0b,transparent 34%); }.opportunities-hero .hero-copy { max-width:600px; }.opportunities-hero h1 { max-width:575px; margin-bottom:14px; }.opportunities-hero .hero-description { max-width:540px; font-size:16px; margin-bottom:22px; }.opportunity-art { position:absolute; right:-3%; top:-73px; width:60%; height:600px; z-index:1; }.op-orb { position:absolute; border-radius:50%; }.op-orb-a { width:450px; height:650px; right:0; top:-73px; background:radial-gradient(ellipse at 28% 46%,#333b3c 0,#111617 37%,#090b0c 66%); transform:rotate(24deg); border:1px solid rgba(255,255,255,.18); }.op-orb-b { height:520px; width:390px; top:71px; left:80px; background:radial-gradient(ellipse at 17% 50%,#eef1f0 0,#61696a 18%,#171b1c 46%,#070909 69%); transform:rotate(35deg); border:1px solid rgba(255,255,255,.72); box-shadow:inset 20px 4px 33px rgba(255,255,255,.2); }.op-orb-b::after { content:""; position:absolute; border-radius:50%; width:295px; height:440px; left:75px; top:42px; background:#0a0c0c; border:1px solid rgba(255,255,255,.48); }.op-orb-c { height:390px; width:270px; top:128px; left:213px; background:linear-gradient(135deg,#0a0d0d 26%,#3c4546 53%,#050606 70%); transform:rotate(-26deg); border:1px solid rgba(255,255,255,.7); }.op-orb-d { width:273px; height:210px; top:253px; left:275px; background:radial-gradient(ellipse at 0 50%,#eff3f1, #626a69 14%,#0a0c0c 56%); clip-path:polygon(0 47%,100% 0,100% 100%); transform:rotate(9deg); }.hero-stats { position:absolute; z-index:3; right:8.5%; top:166px; width:108px; margin:0; }.hero-stats div { margin-bottom:26px; }.hero-stats dt { color:#a1a6a8; text-transform:uppercase; font:9px var(--mono); letter-spacing:.15em; margin-bottom:5px; }.hero-stats dd { margin:0; font:500 27px var(--display); letter-spacing:-.06em; }
.opportunity-results { padding:20px 5.7% 26px; background:#fafafa; }.result-topline { min-height:45px; display:flex; justify-content:space-between; align-items:center; gap:25px; }.tabs { display:flex; gap:10px; }.tab { border:0; font:500 12px var(--font); padding:10px 19px; border-radius:40px; background:#f0f1f1; cursor:pointer; transition:.2s ease; }.tab:hover { background:#e4e6e6; }.tab.is-active { color:#fff; background:#111415; }.how-link { color:#777c80; font-size:11px; }.how-link span { color:#414649; }.filters { margin:12px 0 26px; padding:9px; border:1px solid #e0e2e3; background:#fff; display:grid; grid-template-columns:2.1fr .7fr .95fr .9fr .63fr; gap:10px; border-radius:12px; }.search-field,.select-field { min-height:48px; background:#fbfbfb; border:1px solid #e4e6e6; border-radius:11px; display:flex; align-items:center; padding:0 14px; }.search-field span { font:24px/1 Arial; margin-right:12px; transform:rotate(-20deg); }.search-field input { width:100%; border:0; outline:0; background:transparent; color:#1d2022; font:13px var(--font); }.search-field input::placeholder { color:#92979c; }.select-field { justify-content:space-between; gap:7px; position:relative; }.select-field span { color:#282d31; font-size:12px; white-space:nowrap; }.select-field::after { content:"⌄"; font-size:16px; pointer-events:none; }.select-field select { appearance:none; -webkit-appearance:none; position:absolute; inset:0; padding:0 9px; width:100%; border:0; background:transparent; color:transparent; cursor:pointer; outline:0; }.filter-submit { border:0; border-radius:11px; background:#101314; color:#fff; font:500 12px var(--font); cursor:pointer; }.filter-submit span { padding-left:8px; }.listing-section { padding:0 0 25px; }.listing-heading { display:flex; justify-content:space-between; align-items:end; gap:25px; margin-bottom:13px; }.listing-heading h2 { margin:0 0 3px; font:600 26px/1.15 var(--display); letter-spacing:-.06em; }.listing-heading p { margin:0; color:#74797e; font-size:12px; }.listing-heading a { white-space:nowrap; font-size:11px; font-weight:600; }.listing-heading a span { padding-left:11px; }.opportunity-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; }.opportunity-card { min-height:262px; border:1px solid #e2e4e5; border-radius:9px; padding:16px 17px 13px; background:linear-gradient(135deg,#fff,#fbfbfb); display:flex; flex-direction:column; transition:transform .2s,border .2s,box-shadow .2s; }.opportunity-card:hover { transform:translateY(-3px); border-color:#bec3c4; box-shadow:0 8px 25px rgba(0,0,0,.06); }.card-top { display:flex; align-items:start; justify-content:space-between; height:32px; }.op-icon { color:#090c0d; font:600 25px/1 var(--display); letter-spacing:-.15em; }.badge { padding:5px 9px; background:#f1f2f2; border-radius:30px; font-size:9px; font-weight:500; }.opportunity-card h3 { margin:5px 0 7px; font:600 16px/1.09 var(--display); letter-spacing:-.045em; }.opportunity-card > p { margin:0; color:#6a7075; font-size:11px; line-height:1.35; }.card-meta { display:flex; gap:14px; margin:15px 0 10px; color:#61676d; font-size:10px; }.card-meta span { white-space:nowrap; }.tags { display:flex; gap:6px; flex-wrap:wrap; }.tags span { padding:4px 8px; border-radius:999px; color:#555b60; background:#f1f2f2; font-size:9px; }.apply-link { min-height:32px; margin-top:auto; padding:8px 15px; border:1px solid #d9dddf; border-radius:30px; text-align:center; font-size:10px; font-weight:600; }.apply-link span { padding-left:8px; }.empty-state { margin:8px 0 25px; padding:22px; text-align:center; border:1px dashed #c8ccce; border-radius:9px; color:#656b70; font-size:13px; }.opportunity-card[hidden],.listing-section[hidden] { display:none; }
.domains { padding-top:2px; padding-bottom:18px; }.domains .listing-heading { margin-bottom:14px; }.domains .case-grid { grid-template-columns:repeat(4,1fr); }.domains .case-card { border:0; width:100%; text-align:left; font-family:var(--font); cursor:pointer; min-height:91px; }.domains .case-card:hover { transform:translateY(-3px); }.network { min-height:295px; padding:47px 5.7%; color:#fff; background:radial-gradient(ellipse at 69% 135%,#e2e5e2 0 2%,#6b7070 5%,#111516 18%,transparent 38%),radial-gradient(ellipse at 76% 75%,#313b3b,transparent 36%),#070909; position:relative; display:flex; justify-content:space-between; align-items:center; overflow:hidden; }.network::after { content:""; position:absolute; width:430px; height:430px; right:160px; bottom:-260px; border:1px solid rgba(255,255,255,.44); border-radius:50%; }.network > div,.network ul { position:relative; z-index:1; }.network-kicker { color:#aab0b2; font-size:10px!important; margin:0 0 5px!important; }.network h2 { margin:0 0 7px; font:600 31px/1.02 var(--display); letter-spacing:-.06em; }.network > div > p:not(.network-kicker) { max-width:400px; color:#d4d8d8; font-size:12px; line-height:1.42; margin:0 0 15px; }.network .button { min-height:38px; padding:10px 17px; font-size:11px; }.network ul { list-style:none; margin:0 6% 0 0; padding:0; display:grid; gap:13px; }.network li { display:flex; align-items:center; gap:11px; font-size:11px; line-height:1.25; }.network li i { width:32px; height:32px; display:grid; place-items:center; border:1px solid rgba(255,255,255,.55); border-radius:50%; font-style:normal; font-size:17px; }
@media (max-width:900px) { .opportunities-hero { min-height:545px; }.opportunity-art { right:-24%; }.hero-stats { right:3%; }.opportunity-grid { grid-template-columns:repeat(2,1fr); }.filters { grid-template-columns:1.6fr 1fr 1fr; }.search-field { grid-column:span 3; }.filter-submit { min-height:46px; }.domains .case-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:650px) { .opportunities-hero { padding:110px 23px 30px; min-height:640px; }.opportunities-hero h1 { font-size:49px; }.opportunities-hero .hero-copy { max-width:95%; }.opportunity-art { width:130%; height:460px; right:-75%; top:145px; opacity:.54; transform:scale(.8); transform-origin:top right; }.hero-stats { top:auto; bottom:28px; right:23px; width:auto; display:flex; gap:17px; }.hero-stats div { margin:0; }.hero-stats dt { font-size:8px; }.hero-stats dd { font-size:22px; }.opportunity-results { padding:16px 23px 35px; }.result-topline { align-items:flex-start; }.tabs { overflow:auto; max-width:100%; padding-bottom:2px; gap:6px; }.tab { white-space:nowrap; font-size:11px; padding:9px 13px; }.how-link { display:none; }.filters { grid-template-columns:1fr 1fr; padding:7px; gap:7px; }.search-field { grid-column:span 2; }.select-field { min-height:43px; padding:0 10px; }.select-field span { font-size:10px; }.filter-submit { min-height:43px; }.listing-heading { align-items:start; }.listing-heading h2 { font-size:25px; }.listing-heading a { font-size:10px; }.opportunity-grid { grid-template-columns:1fr; }.opportunity-card { min-height:239px; }.domains { padding:5px 23px 16px; }.domains .case-grid { grid-template-columns:repeat(2,1fr); }.domains .case-card { min-height:104px; }.network { display:block; padding:48px 23px; }.network h2 { font-size:30px; }.network ul { margin:30px 0 0; grid-template-columns:repeat(3,1fr); gap:8px; }.network li { gap:6px; font-size:9px; }.network li i { width:25px; height:25px; font-size:12px; } }