:root {
      --bg: #050505;
      --bg-2: #0b0b0c;
      --panel: rgba(255,255,255,.045);
      --panel-2: rgba(255,255,255,.075);
      --line: rgba(255,255,255,.12);
      --text: #f4f1ec;
      --muted: #9d9a91;
      --muted-2: #6f6d67;
      --orange: #ff600d;
      --green: #5dfc8d;
      --shadow: 0 30px 90px rgba(0,0,0,.65);
      --radius-xl: 34px;
      --radius-lg: 24px;
      --radius-md: 18px;
      --max: 1180px;
    }

    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      background:
        radial-gradient(circle at 18% 12%, rgba(255,96,13,.18), transparent 28%),
        radial-gradient(circle at 86% 18%, rgba(93,252,141,.14), transparent 25%),
        radial-gradient(circle at 50% 90%, rgba(255,96,13,.08), transparent 38%),
        var(--bg);
      color: var(--text);
      overflow-x: hidden;
    }

    body::before {
      content: "";
      position: fixed;
      inset: 0;
      pointer-events: none;
      opacity: .16;
      background-image:
        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
      background-size: 72px 72px;
      mask-image: linear-gradient(to bottom, black, transparent 80%);
      z-index: 0;
    }

    a { color: inherit; text-decoration: none; }
    .page { position: relative; z-index: 1; }
    .container { width: min(var(--max), calc(100% - 42px)); margin: 0 auto; }

    .noise {
      position: fixed;
      inset: 0;
      pointer-events: none;
      opacity: .07;
      z-index: 0;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 250 250' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");
    }

    .nav {
      position: sticky;
      top: 0;
      z-index: 10;
      backdrop-filter: blur(18px);
      background: linear-gradient(to bottom, rgba(5,5,5,.86), rgba(5,5,5,.54));
      border-bottom: 1px solid rgba(255,255,255,.08);
    }

    .nav-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      padding: 18px 0;
    }

    .brand { display: flex; align-items: center; gap: 13px; min-width: max-content; }
    .mark {
      width: 34px;
      height: 34px;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      align-items: center;
      gap: 3px;
    }
    .mark span { border-radius: 999px; display:block; }
    .mark span:nth-child(1) { height: 12px; background: var(--orange); }
    .mark span:nth-child(2) { height: 24px; background: var(--orange); }
    .mark span:nth-child(3) { height: 32px; background: #f7f0df; }
    .mark span:nth-child(4) { height: 24px; background: var(--green); }
    .mark span:nth-child(5) { height: 12px; background: var(--green); }
    .brand-text { letter-spacing: .34em; font-size: 14px; font-weight: 700; text-transform: uppercase; }

    .nav-links { display: flex; align-items: center; gap: 28px; color: var(--muted); font-size: 13px; letter-spacing: .06em; }
    .nav-links a:hover { color: var(--text); }
    .nav-cta {
      padding: 12px 18px;
      border: 1px solid rgba(255,96,13,.44);
      border-radius: 999px;
      color: var(--text);
      background: rgba(255,96,13,.09);
      box-shadow: inset 0 0 24px rgba(255,96,13,.06);
      font-weight: 700;
    }

    .hero {
      min-height: 88vh;
      display: grid;
      align-items: center;
      padding: 82px 0 52px;
    }

    .hero-grid {
      display: grid;
      grid-template-columns: 1.04fr .96fr;
      gap: 58px;
      align-items: center;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 8px 12px;
      border: 1px solid rgba(255,255,255,.11);
      border-radius: 999px;
      background: rgba(255,255,255,.035);
      color: var(--muted);
      text-transform: uppercase;
      font-weight: 800;
      letter-spacing: .15em;
      font-size: 11px;
    }
    .eyebrow i { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 18px var(--green); }

    h1 {
      margin: 28px 0 18px;
      font-size: clamp(52px, 8vw, 104px);
      line-height: .88;
      letter-spacing: -.065em;
      max-width: 740px;
    }
    .accent-orange { color: var(--orange); }
    .accent-green { color: var(--green); }
    .hero p {
      color: #c9c4ba;
      font-size: clamp(18px, 2.1vw, 23px);
      line-height: 1.5;
      max-width: 650px;
      margin: 0 0 32px;
    }

    .hero-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }
    .btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 10px;
      min-height: 52px;
      padding: 0 22px;
      border-radius: 999px;
      border: 1px solid rgba(255,255,255,.14);
      color: var(--text);
      font-weight: 800;
      letter-spacing: -.01em;
      transition: transform .18s ease, border-color .18s ease, background .18s ease;
    }
    .btn:hover { transform: translateY(-2px); }
    .btn-primary {
      border-color: rgba(255,96,13,.7);
      background: linear-gradient(135deg, var(--orange), #ff8a1d);
      color: #100806;
      box-shadow: 0 18px 50px rgba(255,96,13,.22);
    }
    .btn-ghost { background: rgba(255,255,255,.035); }

    .proof-line {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
      max-width: 620px;
      margin-top: 42px;
    }
    .proof-item {
      padding: 18px 16px;
      border: 1px solid rgba(255,255,255,.1);
      background: rgba(255,255,255,.035);
      border-radius: 18px;
    }
    .proof-item b { display:block; font-size: 13px; letter-spacing:.14em; text-transform: uppercase; }
    .proof-item span { display:block; margin-top: 8px; color: var(--muted); font-size: 13px; line-height:1.35; }

    .hero-visual { position: relative; }
    .portrait-card {
      position: relative;
      aspect-ratio: 1 / 1;
      border-radius: 50%;
      padding: 10px;
      background: conic-gradient(from 215deg, var(--orange), #f7c85b, var(--green), var(--green), var(--orange));
      box-shadow: var(--shadow), 0 0 90px rgba(255,96,13,.12), 0 0 75px rgba(93,252,141,.09);
      overflow: hidden;
    }
    .portrait-card::after {
      content: "";
      position: absolute;
      inset: 10px;
      border-radius: 50%;
      border: 1px solid rgba(255,255,255,.1);
      pointer-events: none;
    }
    .portrait-card img {
      width: 100%;
      height: 100%;
      display: block;
      object-fit: cover;
      border-radius: 50%;
      background: #000;
      filter: contrast(1.02) saturate(.96);
    }
    .floating-note {
      position: absolute;
      left: -36px;
      bottom: 38px;
      max-width: 255px;
      padding: 18px 18px;
      border: 1px solid rgba(255,255,255,.12);
      border-radius: 20px;
      background: rgba(9,9,10,.76);
      backdrop-filter: blur(18px);
      box-shadow: 0 22px 70px rgba(0,0,0,.55);
    }
    .floating-note small { display:block; color:var(--muted); letter-spacing:.12em; text-transform:uppercase; font-weight:800; font-size:10px; }
    .floating-note strong { display:block; margin-top:8px; font-size:22px; line-height:1; }
    .floating-note strong span { color: var(--green); }
    .floating-badge {
      position: absolute;
      right: -18px;
      top: 60px;
      padding: 12px 14px;
      border-radius: 999px;
      border: 1px solid rgba(93,252,141,.4);
      color: var(--green);
      background: rgba(93,252,141,.08);
      font-size: 12px;
      font-weight: 900;
      letter-spacing: .12em;
      text-transform: uppercase;
    }

    section { padding: 82px 0; }
    .section-head { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 28px; }
    .section-kicker {
      color: var(--orange);
      text-transform: uppercase;
      font-weight: 900;
      letter-spacing: .18em;
      font-size: 12px;
      margin-bottom: 12px;
    }
    h2 {
      margin: 0;
      font-size: clamp(36px, 5vw, 66px);
      line-height: .94;
      letter-spacing: -.05em;
      max-width: 760px;
    }
    .section-copy { color: var(--muted); max-width: 420px; line-height: 1.65; margin: 0; }

    .split-panel {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
    }
    .service-card, .method-card, .quiet-card {
      position: relative;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,.1);
      background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
      border-radius: var(--radius-lg);
      box-shadow: 0 22px 70px rgba(0,0,0,.26);
    }
    .service-card { padding: 34px; min-height: 430px; display:flex; flex-direction:column; justify-content:space-between; }
    .service-card::before {
      content: "";
      position: absolute;
      inset: -120px auto auto -120px;
      width: 260px; height: 260px;
      background: radial-gradient(circle, rgba(255,96,13,.2), transparent 62%);
    }
    .service-card:nth-child(2)::before { background: radial-gradient(circle, rgba(93,252,141,.14), transparent 62%); }
    .service-top { position:relative; }
    .service-index { color: var(--muted-2); font-weight:900; letter-spacing:.2em; font-size:12px; margin-bottom:26px; }
    .service-card h3 { margin:0; font-size: clamp(32px, 4vw, 52px); line-height:.95; letter-spacing:-.04em; }
    .service-card p { color: #bfbab0; line-height:1.62; font-size:16px; max-width: 520px; }
    .clean-list { list-style:none; margin: 24px 0 0; padding:0; display:grid; gap:12px; }
    .clean-list li { color:#d7d2c8; display:flex; gap:11px; align-items:flex-start; line-height:1.45; }
    .clean-list li::before { content:""; flex:0 0 9px; width:9px; height:9px; margin-top:7px; border-radius:50%; background: var(--orange); box-shadow: 0 0 16px rgba(255,96,13,.55); }
    .service-card:nth-child(2) .clean-list li::before { background: var(--green); box-shadow: 0 0 16px rgba(93,252,141,.45); }
    .service-link {
      position: relative;
      margin-top: 26px;
      display:inline-flex;
      width:max-content;
      align-items:center;
      gap:10px;
      color:var(--text);
      font-weight:900;
      border-bottom:1px solid rgba(255,255,255,.22);
      padding-bottom:8px;
    }

    .method-grid { display:grid; grid-template-columns: repeat(4, 1fr); gap:14px; }
    .method-card { padding:28px; min-height: 250px; }
    .method-card .num { font-size: 12px; letter-spacing:.18em; color:var(--muted-2); font-weight:900; }
    .method-card h3 { margin:42px 0 12px; font-size:24px; line-height:1; letter-spacing:-.03em; }
    .method-card p { margin:0; color:var(--muted); line-height:1.55; }
    .method-card:nth-child(1) { border-color: rgba(255,96,13,.18); }
    .method-card:nth-child(4) { border-color: rgba(93,252,141,.2); }

    .quote-section { padding: 36px 0; }
    .quote-panel {
      border: 1px solid rgba(255,255,255,.1);
      border-radius: var(--radius-xl);
      background:
        linear-gradient(90deg, rgba(255,96,13,.09), transparent 36%),
        linear-gradient(270deg, rgba(93,252,141,.08), transparent 34%),
        rgba(255,255,255,.035);
      padding: clamp(34px, 6vw, 66px);
      text-align:center;
      overflow:hidden;
      position:relative;
    }
    .quote-panel::before {
      content:"";
      position:absolute;
      left:0; right:0; top:0;
      height:1px;
      background:linear-gradient(90deg, transparent, var(--orange), var(--green), transparent);
    }
    .quote-panel p {
      margin:0 auto;
      max-width: 930px;
      font-size: clamp(28px, 4vw, 58px);
      line-height:1.04;
      letter-spacing:-.05em;
      font-weight: 900;
    }
    .quote-panel span { color:var(--muted); display:block; margin-top:22px; font-size:15px; letter-spacing:.15em; text-transform:uppercase; font-weight:800; }

    .quiet-grid { display:grid; grid-template-columns: .9fr 1.1fr; gap:16px; align-items:stretch; }
    .quiet-card { padding:34px; }
    .quiet-card h3 { margin:0 0 20px; font-size: 32px; letter-spacing:-.04em; }
    .quiet-card p { color:var(--muted); line-height:1.65; margin:0 0 18px; }
    .badges { display:flex; flex-wrap:wrap; gap:10px; margin-top: 26px; }
    .badge { padding:10px 12px; border-radius:999px; border:1px solid rgba(255,255,255,.12); color:#d9d4cb; font-size:13px; background:rgba(255,255,255,.035); }

    .newsletter {
      display:grid;
      grid-template-columns: .95fr 1.05fr;
      gap:16px;
      align-items:stretch;
    }
    .newsletter-copy, .form-card {
      border:1px solid rgba(255,255,255,.1);
      border-radius:var(--radius-xl);
      background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025));
      padding: clamp(28px, 4vw, 44px);
    }
    .newsletter-copy h2 { font-size: clamp(40px, 5vw, 72px); }
    .newsletter-copy p { color:var(--muted); line-height:1.65; font-size:17px; }
    form { display:grid; gap:14px; }
    label { display:grid; gap:8px; color:var(--muted); font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
    input, select, textarea {
      width:100%;
      border:1px solid rgba(255,255,255,.12);
      background: rgba(0,0,0,.34);
      color: var(--text);
      border-radius: 16px;
      padding: 15px 16px;
      font: inherit;
      outline:none;
    }
    input:focus, select:focus, textarea:focus { border-color:rgba(255,96,13,.65); box-shadow:0 0 0 4px rgba(255,96,13,.09); }
    textarea { min-height: 120px; resize: vertical; }
    .form-note { color:var(--muted-2); font-size:13px; line-height:1.5; margin:0; }

    /* Qualification form – checkboxes & radios */
    .check-group, .radio-group { display:flex; flex-direction:column; gap:10px; }
    .check-label, .radio-label {
      display:flex; align-items:center; gap:12px;
      cursor:pointer; color:var(--text);
      font-size:15px; font-weight:400;
      letter-spacing:0; text-transform:none;
      background: rgba(255,255,255,.035);
      border:1px solid rgba(255,255,255,.1);
      border-radius: 14px;
      padding: 13px 16px;
      transition: border-color .18s, background .18s;
    }
    .check-label:hover, .radio-label:hover { background:rgba(255,96,13,.07); border-color:rgba(255,96,13,.35); }
    .check-label input, .radio-label input { display:none; }
    .custom-box {
      flex-shrink:0; width:20px; height:20px;
      border:2px solid rgba(255,255,255,.25);
      border-radius:6px;
      display:flex; align-items:center; justify-content:center;
      transition: border-color .15s, background .15s;
    }
    .custom-radio .custom-box { border-radius:50%; }
    .custom-box::after { content:''; display:block; width:10px; height:10px; border-radius:3px; background:var(--orange); opacity:0; transition: opacity .15s; }
    .custom-radio .custom-box::after { border-radius:50%; }
    .check-label input:checked ~ .custom-box,
    .radio-label input:checked ~ .custom-box { border-color:var(--orange); background:rgba(255,96,13,.12); }
    .check-label input:checked ~ .custom-box::after,
    .radio-label input:checked ~ .custom-box::after { opacity:1; }
    .check-label:has(input:checked), .radio-label:has(input:checked) { border-color:rgba(255,96,13,.55); background:rgba(255,96,13,.07); }
    .qual-section-label { color:var(--muted); font-size:13px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; margin-bottom:2px; display:block; }

    footer {
      padding: 38px 0;
      border-top:1px solid rgba(255,255,255,.08);
      color: var(--muted);
    }
    .footer-inner { display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; }
    .socials { display:flex; gap:18px; font-size:13px; letter-spacing:.08em; text-transform:uppercase; }

    .highlight-word {
      position: relative;
      display:inline-block;
    }
    .highlight-word::after {
      content:"";
      position:absolute;
      left:0; right:0; bottom:.05em;
      height:.16em;
      background: rgba(93,252,141,.16);
      z-index:-1;
    }

    @media (max-width: 980px) {
      .nav-links { display:none; }
      .hero { min-height:auto; }
      .hero-grid, .split-panel, .quiet-grid, .newsletter { grid-template-columns: 1fr; }
      .hero-visual { max-width: 560px; margin: 20px auto 0; width: 100%; }
      .floating-note { left: 12px; bottom: 16px; }
      .floating-badge { right: 10px; top: 34px; }
      .method-grid { grid-template-columns: repeat(2, 1fr); }
      .section-head { align-items:flex-start; flex-direction:column; }
    }
    @media (max-width: 640px) {
      .container { width: min(var(--max), calc(100% - 28px)); }
      .brand-text { letter-spacing:.18em; font-size:12px; }
      .proof-line, .method-grid { grid-template-columns:1fr; }
      .hero { padding-top: 54px; }
      h1 { font-size: clamp(48px, 17vw, 76px); }
      section { padding: 58px 0; }
      .service-card { padding:26px; min-height:auto; }
      .floating-note, .floating-badge { display:none; }
      .portrait-card { padding: 7px; }
      .portrait-card::after { inset: 7px; }
    }

.form-status {
  min-height: 20px;
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 1.45;
}

.form-status.success { color: var(--green); }
.form-status.error { color: var(--orange); }

button[disabled] {
  cursor: wait;
  opacity: .72;
  transform: none;
}