:root {
  --orange: #ff5500;
  --orange-soft: #ff8650;
  --bg: #080a0d;
  --panel: #11151a;
  --panel-2: #171c22;
  --line: #2b333d;
  --text: #f5f7fa;
  --muted: #9aa5b1;
  --muted-2: #6f7a86;
  --success: #5ce09a;
}

* { box-sizing: border-box; }

html { background: var(--bg); }

body {
  margin: 0;
  min-height: 100vh;
  color: var(--text);
  background:
    radial-gradient(circle at 88% -10%, rgba(255, 85, 0, .18), transparent 34rem),
    linear-gradient(180deg, #0a0d11 0%, #07090c 100%);
  font-family: Inter, "Segoe UI", Arial, sans-serif;
}

a { color: inherit; }

.wrap {
  width: min(1080px, calc(100% - 32px));
  margin: 0 auto;
  padding: 28px 0 72px;
}

.top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 2px 20px;
}

.brand {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  text-decoration: none;
}

.brand-logo {
  display: block;
  width: clamp(170px, 18vw, 240px);
  height: auto;
  object-fit: contain;
}

.desk-label {
  padding-left: 12px;
  border-left: 1px solid #3a424c;
  color: var(--orange-soft);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .16em;
  text-transform: uppercase;
  white-space: nowrap;
}

.nav {
  display: flex;
  gap: 18px;
  align-items: center;
}

.nav a {
  color: #c6ced7;
  text-decoration: none;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.nav a:hover { color: #fff; }

.hero,
.panel {
  border: 1px solid var(--line);
  border-radius: 22px;
  background: linear-gradient(145deg, rgba(23, 28, 34, .98), rgba(12, 15, 19, .98));
  box-shadow: 0 18px 60px rgba(0, 0, 0, .28);
}

.hero {
  position: relative;
  overflow: hidden;
  padding: clamp(28px, 5vw, 54px);
  border-left: 5px solid var(--orange);
}

.hero::after {
  content: "";
  position: absolute;
  width: 240px;
  height: 240px;
  right: -85px;
  bottom: -110px;
  border: 28px solid rgba(255, 85, 0, .07);
  border-radius: 50%;
}

.eyebrow {
  color: var(--orange-soft);
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .18em;
  text-transform: uppercase;
}

.hero h1 {
  max-width: 780px;
  margin: 11px 0 15px;
  font-size: clamp(48px, 8vw, 92px);
  line-height: .88;
  letter-spacing: -.06em;
  text-transform: uppercase;
  font-style: italic;
}

.hero p {
  max-width: 760px;
  margin: 0;
  color: #b4bdc7;
  font-size: clamp(14px, 1.8vw, 17px);
  line-height: 1.65;
}

.network-ways {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
}

.network-card {
  display: flex;
  min-height: 220px;
  flex-direction: column;
  gap: 14px;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(18, 22, 27, .98), rgba(10, 13, 17, .98));
  color: var(--text);
  text-decoration: none;
  box-shadow: 0 14px 38px rgba(0, 0, 0, .2);
  transition: transform .16s ease, border-color .16s ease, background .16s ease;
}

.network-card:hover {
  transform: translateY(-2px);
  border-color: rgba(255, 85, 0, .55);
  background: linear-gradient(145deg, rgba(24, 29, 35, .98), rgba(12, 15, 19, .98));
}

.network-card.primary { border-color: rgba(255, 85, 0, .42); }
.network-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 11px;
  background: rgba(255, 85, 0, .1);
  color: var(--orange-soft);
  font-size: 18px;
  font-weight: 950;
}
.network-card small {
  display: block;
  margin-bottom: 6px;
  color: var(--orange-soft);
  font-size: 9px;
  font-weight: 950;
  letter-spacing: .15em;
}
.network-card strong {
  display: block;
  font-size: 19px;
  line-height: 1.15;
  letter-spacing: -.025em;
}
.network-card p {
  margin: 9px 0 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}
.network-card b {
  margin-top: auto;
  color: #fff;
  font-size: 11px;
  letter-spacing: .03em;
}
.anchor-target { position: relative; top: -10px; }

.panel {
  margin-top: 16px;
  padding: clamp(22px, 4vw, 38px);
}

.panel-head {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 18px;
  margin-bottom: 24px;
}

.panel-head h2 {
  margin: 6px 0 0;
  font-size: clamp(28px, 4vw, 42px);
  letter-spacing: -.04em;
}

.panel-head p {
  max-width: 420px;
  margin: 0;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.55;
}

form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.full { grid-column: 1 / -1; }

label {
  display: block;
  color: #d2d8df;
  font-size: 10px;
  font-weight: 950;
  letter-spacing: .075em;
  text-transform: uppercase;
}

input,
select,
textarea {
  width: 100%;
  margin-top: 7px;
  padding: 13px 14px;
  border: 1px solid #303944;
  border-radius: 11px;
  outline: none;
  background: #090c10;
  color: #fff;
  font: inherit;
  transition: border-color .14s ease, box-shadow .14s ease, background .14s ease;
}

input::placeholder,
textarea::placeholder { color: #65717e; }

input:focus,
select:focus,
textarea:focus {
  border-color: rgba(255, 85, 0, .8);
  box-shadow: 0 0 0 3px rgba(255, 85, 0, .12);
  background: #0c1015;
}

textarea {
  min-height: 180px;
  resize: vertical;
  line-height: 1.5;
}

.check {
  display: flex;
  gap: 11px;
  align-items: flex-start;
  padding: 14px 15px;
  border: 1px solid #2b333d;
  border-radius: 11px;
  background: #0c1014;
  color: #c7ced6;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.55;
  letter-spacing: 0;
  text-transform: none;
}

.check input {
  width: 17px;
  height: 17px;
  margin: 1px 0 0;
  accent-color: var(--orange);
  flex: 0 0 auto;
}

.actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 2px;
}

.btn {
  appearance: none;
  border: 0;
  border-radius: 11px;
  padding: 14px 19px;
  background: var(--orange);
  color: #fff;
  font-size: 12px;
  font-weight: 950;
  letter-spacing: .07em;
  text-transform: uppercase;
  cursor: pointer;
  box-shadow: 0 10px 28px rgba(255, 85, 0, .2);
}

.btn:hover { filter: brightness(1.08); }

.fine {
  color: var(--muted-2);
  font-size: 11px;
  line-height: 1.55;
}

.fine strong { color: #aeb7c1; }

.success {
  border-color: rgba(92, 224, 154, .42);
  background: linear-gradient(145deg, rgba(17, 32, 26, .98), rgba(10, 18, 15, .98));
}

.success h2 {
  margin: 5px 0 8px;
  font-size: 34px;
  letter-spacing: -.035em;
}

.success p { color: #b8c7bf; }

.media-hero { border-left-width: 5px; }
.media-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.btn.secondary { background:#171c22; border:1px solid #39434e; box-shadow:none; text-decoration:none; }
.media-actions .btn { text-decoration:none; display:inline-flex; align-items:center; justify-content:center; }
.media-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:16px; }
.media-card { padding:22px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(20,24,29,.98),rgba(10,13,17,.98)); }
.media-card h2 { margin:7px 0 8px; font-size:24px; letter-spacing:-.03em; }
.media-card p { margin:0; color:var(--muted); font-size:13px; line-height:1.6; }
.media-panel h2 { margin:6px 0 0; font-size:clamp(28px,4vw,42px); letter-spacing:-.04em; }
.media-pill-grid { display:flex; flex-wrap:wrap; gap:9px; }
.media-pill-grid span { padding:10px 12px; border:1px solid #343d47; border-radius:999px; background:#0b0f13; color:#d4dbe2; font-size:11px; font-weight:900; }
.media-principles { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.media-principles>div { padding:18px; border:1px solid #2d3640; border-radius:14px; background:#0c1014; }
.media-principles strong { font-size:15px; }
.media-principles p { margin:6px 0 0; color:var(--muted); font-size:12px; line-height:1.55; }
.media-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.media-links a { display:flex; flex-direction:column; gap:5px; padding:16px; border:1px solid #323b45; border-radius:14px; background:#0c1014; text-decoration:none; transition:border-color .15s ease,transform .15s ease; }
.media-links a:hover { border-color:rgba(255,85,0,.55); transform:translateY(-1px); }
.media-links strong { font-size:14px; }
.media-links span { color:var(--muted); font-size:11px; line-height:1.4; }
.media-contact { display:flex; justify-content:space-between; gap:20px; align-items:end; }
.media-contact h2 { font-size:clamp(24px,4vw,36px); }
.media-contact p { color:var(--muted); }
.media-tagline { color:var(--orange-soft); font-weight:950; font-size:18px; letter-spacing:.08em; white-space:nowrap; }

.honeypot,
.hidden-panel { display: none; }

@media (max-width: 720px) {
  .wrap { width: min(100% - 20px, 1080px); padding-top: 18px; }
  .top { align-items: flex-start; flex-direction: column; }
  .brand { width: 100%; }
  .brand-logo { width: min(220px, 58vw); }
  .desk-label { font-size: 9px; }
  .nav { width: 100%; justify-content: space-between; gap: 10px; }
  .hero { border-radius: 18px; padding: 28px 22px 30px; }
  .hero h1 { font-size: clamp(46px, 17vw, 72px); }
  .media-grid, .media-principles, .media-links { grid-template-columns:1fr; }
  .media-contact { align-items:flex-start; flex-direction:column; }
  .media-actions { flex-direction:column; }
  .media-actions .btn { width:100%; }
    .network-ways { grid-template-columns: 1fr; }
  .network-card { min-height: 0; }
  .panel { border-radius: 18px; padding: 22px 18px; }
  .panel-head { align-items: flex-start; flex-direction: column; }
  form { grid-template-columns: 1fr; }
  .full { grid-column: auto; }
  .actions { align-items: stretch; flex-direction: column; }
  .btn { width: 100%; }
}