/* ==========================================================
       STRATEGY FORM — PREMIUM AI GROWTH CONSULTATION
       ========================================================== */

    .dc-strategy-v2 {
      position: relative;
      overflow: hidden;
      background:
        radial-gradient(circle at 10% 12%, rgba(0,162,167,.08), transparent 24%),
        radial-gradient(circle at 94% 92%, rgba(112,190,73,.06), transparent 22%),
        linear-gradient(180deg,#fbfdfd 0%,#f6f9f8 100%);
    }

    .dc-strategy-v2::before {
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      opacity:.34;
      background-image:
        linear-gradient(rgba(0,162,167,.026) 1px,transparent 1px),
        linear-gradient(90deg,rgba(0,162,167,.026) 1px,transparent 1px);
      background-size:52px 52px;
      mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 84%,transparent);
      -webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 84%,transparent);
    }

    .dc-strategy-heading {
      position:relative;
      z-index:2;
      max-width:760px;
      margin:0 auto 34px;
      text-align:center;
    }

    .dc-strategy-kicker {
      display:inline-flex;
      align-items:center;
      gap:8px;
      margin-bottom:11px;
      color:#00A2A7;
      font:700 .7rem/1 'Poppins',sans-serif;
      letter-spacing:.12em;
      text-transform:uppercase;
    }

    .dc-strategy-kicker::before,
    .dc-strategy-kicker::after {
      content:"";
      width:22px;
      height:2px;
      border-radius:99px;
    }

    .dc-strategy-kicker::before { background:#00A2A7; }
    .dc-strategy-kicker::after { background:#70BE49; }

    .dc-strategy-heading h2 {
      margin:0 0 10px;
      color:#101012;
      font:700 clamp(1.8rem,3vw,2.45rem)/1.18 'Poppins',sans-serif;
      letter-spacing:-.025em;
      text-wrap:balance;
    }

    .dc-strategy-heading p {
      max-width:670px;
      margin:0 auto;
      color:#707278;
      font-size:.92rem;
      line-height:1.7;
      text-wrap:pretty;
    }

    .dc-strategy-shell {
      position:relative;
      z-index:2;
      width:100%;
      max-width:1080px;
      margin-inline:auto;
      display:grid;
      grid-template-columns:minmax(330px,.88fr) minmax(470px,1.12fr);
      gap:0;
      overflow:hidden;
      border:1px solid rgba(16,16,18,.08);
      border-radius:28px;
      background:#fff;
      box-shadow:0 28px 70px rgba(16,16,18,.09);
    }

    /* ---------- LEFT PANEL ---------- */

    .dc-strategy-intelligence {
      position:relative;
      min-height:720px;
      padding:30px 30px 26px;
      overflow:hidden;
      background:
        radial-gradient(circle at 50% 28%,rgba(0,162,167,.17),transparent 25%),
        radial-gradient(circle at 90% 85%,rgba(112,190,73,.14),transparent 24%),
        #101214;
      color:#fff;
      isolation:isolate;
    }

    .dc-strategy-intelligence::before {
      content:"";
      position:absolute;
      inset:0;
      z-index:-3;
      background:
        linear-gradient(135deg,rgba(0,162,167,.05),transparent 35%),
        linear-gradient(315deg,rgba(247,150,62,.04),transparent 32%);
    }

    .dc-strategy-grid {
      position:absolute;
      inset:0;
      z-index:-2;
      opacity:.32;
      background-image:
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
      background-size:28px 28px;
      mask-image:linear-gradient(to bottom,#000,transparent 83%);
      -webkit-mask-image:linear-gradient(to bottom,#000,transparent 83%);
    }

    .dc-strategy-topline {
      position:relative;
      z-index:3;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:12px;
    }

    .dc-strategy-live {
      display:inline-flex;
      align-items:center;
      gap:8px;
      color:#8ee5df;
      font:700 .62rem/1 'Poppins',sans-serif;
      letter-spacing:.07em;
      text-transform:uppercase;
    }

    .dc-strategy-live i {
      width:7px;
      height:7px;
      border-radius:50%;
      background:#00A2A7;
      box-shadow:0 0 0 4px rgba(0,162,167,.13);
    }

    .dc-strategy-mini-label {
      color:rgba(255,255,255,.46);
      font-size:.58rem;
    }

    /* ---------- AI VISUAL ---------- */

    .dc-strategy-visual {
      position:relative;
      width:100%;
      height:250px;
      margin:25px 0 18px;
    }

    .dc-strategy-orbit {
      position:absolute;
      left:50%;
      top:48%;
      transform:translate(-50%,-50%);
      border-radius:50%;
      border:1px dashed rgba(0,162,167,.24);
      pointer-events:none;
    }

    .dc-strategy-orbit-one {
      width:175px;
      height:175px;
    }

    .dc-strategy-orbit-two {
      width:235px;
      height:235px;
      border-color:rgba(112,190,73,.15);
    }

    .dc-strategy-core {
      position:absolute;
      left:50%;
      top:48%;
      width:118px;
      height:118px;
      transform:translate(-50%,-50%);
      display:flex;
      flex-direction:column;
      align-items:center;
      justify-content:center;
      text-align:center;
      border:1px solid rgba(255,255,255,.12);
      border-radius:50%;
      background:
        radial-gradient(circle,rgba(0,162,167,.18),rgba(18,20,22,.92) 70%);
      box-shadow:
        0 0 0 9px rgba(0,162,167,.035),
        0 22px 40px rgba(0,0,0,.22);
    }

    .dc-strategy-core-icon {
      width:42px;
      height:42px;
      margin-bottom:4px;
      color:#55d3cd;
    }

    .dc-strategy-core-icon svg {
      width:100%;
      height:100%;
    }

    .dc-strategy-core strong {
      font:700 .69rem/1.25 'Poppins',sans-serif;
    }

    .dc-strategy-core small {
      margin-top:3px;
      color:rgba(255,255,255,.50);
      font-size:.52rem;
    }

    .dc-strategy-signal {
      position:absolute;
      display:inline-flex;
      align-items:center;
      gap:6px;
      padding:7px 9px;
      border:1px solid rgba(255,255,255,.10);
      border-radius:999px;
      background:rgba(255,255,255,.055);
      color:rgba(255,255,255,.78);
      backdrop-filter:blur(8px);
      font:600 .56rem/1 'Poppins',sans-serif;
      white-space:nowrap;
    }

    .dc-strategy-signal i {
      width:6px;
      height:6px;
      border-radius:50%;
    }

    .dc-strategy-signal i.teal { background:#00A2A7; }
    .dc-strategy-signal i.green { background:#70BE49; }
    .dc-strategy-signal i.orange { background:#F7963E; }
    .dc-strategy-signal i.red { background:#ED3239; }

    .dc-signal-traffic { left:3%; top:28%; }
    .dc-signal-content { right:3%; top:17%; }
    .dc-signal-conversion { right:5%; bottom:15%; }
    .dc-signal-crm { left:6%; bottom:19%; }

    /* ---------- FLOW ---------- */

    .dc-strategy-flow {
      display:grid;
      gap:11px;
    }

    .dc-strategy-flow-item {
      display:flex;
      align-items:flex-start;
      gap:11px;
      padding:11px 12px;
      border:1px solid rgba(255,255,255,.075);
      border-radius:13px;
      background:rgba(255,255,255,.038);
    }

    .dc-strategy-step {
      width:28px;
      height:28px;
      flex:none;
      display:grid;
      place-items:center;
      border-radius:9px;
      color:#fff;
      font:700 .58rem/1 'Poppins',sans-serif;
    }

    .dc-strategy-step.teal { background:#00A2A7; }
    .dc-strategy-step.green { background:#70BE49; }
    .dc-strategy-step.orange { background:#F7963E; }

    .dc-strategy-flow-item strong,
    .dc-strategy-flow-item small {
      display:block;
    }

    .dc-strategy-flow-item strong {
      margin-bottom:3px;
      color:#fff;
      font:600 .66rem/1.25 'Poppins',sans-serif;
    }

    .dc-strategy-flow-item small {
      color:rgba(255,255,255,.52);
      font-size:.58rem;
      line-height:1.4;
    }

    .dc-strategy-flow-line {
      display:none;
    }

    /* ---------- PROOF ---------- */

    .dc-strategy-proof {
      margin-top:18px;
      padding:15px 0;
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:10px;
      border-top:1px solid rgba(255,255,255,.08);
      border-bottom:1px solid rgba(255,255,255,.08);
    }

    .dc-strategy-proof div {
      min-width:0;
    }

    .dc-strategy-proof strong,
    .dc-strategy-proof span {
      display:block;
    }

    .dc-strategy-proof strong {
      color:#fff;
      font:700 .72rem/1.2 'Poppins',sans-serif;
    }

    .dc-strategy-proof span {
      margin-top:3px;
      color:rgba(255,255,255,.42);
      font-size:.53rem;
      line-height:1.3;
    }

    /* ---------- CONTACT ---------- */

    .dc-strategy-contact {
      margin-top:17px;
    }

    .dc-strategy-contact > span {
      display:block;
      margin-bottom:7px;
      color:rgba(255,255,255,.42);
      font-size:.56rem;
    }

    .dc-strategy-contact div {
      display:flex;
      flex-wrap:wrap;
      gap:9px 16px;
    }

    .dc-strategy-contact a {
      color:#fff;
      font:600 .6rem/1.4 'Poppins',sans-serif;
      text-decoration:none;
      opacity:.86;
      transition:color .25s ease;
    }

    .dc-strategy-contact a:hover {
      color:#8ee5df;
    }

    /* ---------- FORM CARD ---------- */

    .dc-strategy-form-card {
      min-width:0;
      padding:28px 28px 19px;
      background:
        radial-gradient(circle at 92% 8%,rgba(0,162,167,.055),transparent 25%),
        #fff;
    }

    .dc-strategy-form-top {
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:22px;
      margin-bottom:15px;
    }

    .dc-form-eyebrow {
      display:block;
      margin-bottom:5px;
      color:#00A2A7;
      font:700 .58rem/1 'Poppins',sans-serif;
      letter-spacing:.08em;
      text-transform:uppercase;
    }

    .dc-strategy-form-top h3 {
      margin:0 0 6px;
      color:#101012;
      font:700 1.08rem/1.35 'Poppins',sans-serif;
    }

    .dc-strategy-form-top p {
      max-width:480px;
      margin:0;
      color:#74767c;
      font-size:.73rem;
      line-height:1.55;
    }

    .dc-form-secure {
      flex:none;
      padding:7px 9px;
      display:inline-flex;
      align-items:center;
      gap:5px;
      border:1px solid rgba(0,162,167,.13);
      border-radius:999px;
      background:rgba(0,162,167,.045);
      color:#00A2A7;
      font:600 .56rem/1 'Poppins',sans-serif;
    }

    .dc-form-secure svg {
      width:13px;
      height:13px;
    }

    .dc-form-benefit-row {
      margin-bottom:13px;
      padding:10px 12px;
      display:flex;
      flex-wrap:wrap;
      gap:9px 16px;
      border:1px solid #edf0f1;
      border-radius:12px;
      background:#fafcfc;
    }

    .dc-form-benefit-row span {
      display:inline-flex;
      align-items:center;
      gap:6px;
      color:#676970;
      font:600 .57rem/1.3 'Poppins',sans-serif;
    }

    .dc-form-benefit-row i {
      width:6px;
      height:6px;
      border-radius:50%;
    }

    .dc-form-benefit-row i.teal { background:#00A2A7; }
    .dc-form-benefit-row i.green { background:#70BE49; }
    .dc-form-benefit-row i.orange { background:#F7963E; }

    .dc-form-frame-v2 {
      min-height:590px;
      overflow:hidden;
      border:1px solid #edf0f1;
      border-radius:16px;
      background:#fff;
      box-shadow:inset 0 0 0 1px rgba(16,16,18,.012);
    }

    .dc-form-frame-v2 iframe {
      width:100%;
      min-height:590px;
      border:0;
      background:#fff;
    }

    .dc-form-bottom-note {
      margin-top:10px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:7px;
    }

    .dc-form-bottom-note p {
      margin:0;
      color:#a0a1a5;
      font-size:.55rem;
      line-height:1.4;
      text-align:center;
    }

    .dc-form-dot {
      width:6px;
      height:6px;
      flex:none;
      border-radius:50%;
      background:#70BE49;
      box-shadow:0 0 0 3px rgba(112,190,73,.10);
    }

    /* ---------- MOTION ---------- */

    @media (prefers-reduced-motion:no-preference) {
      .dc-strategy-orbit-one { animation:dcStrategySpin 24s linear infinite; }
      .dc-strategy-orbit-two { animation:dcStrategySpinReverse 31s linear infinite; }
      .dc-strategy-signal { animation:dcStrategyFloat 5.8s ease-in-out infinite; }
      .dc-signal-content { animation-delay:-1.2s; }
      .dc-signal-conversion { animation-delay:-2.6s; }
      .dc-signal-crm { animation-delay:-3.5s; }

      @keyframes dcStrategySpin {
        from { transform:translate(-50%,-50%) rotate(0deg); }
        to { transform:translate(-50%,-50%) rotate(360deg); }
      }

      @keyframes dcStrategySpinReverse {
        from { transform:translate(-50%,-50%) rotate(360deg); }
        to { transform:translate(-50%,-50%) rotate(0deg); }
      }

      @keyframes dcStrategyFloat {
        0%,100% { transform:translateY(0); }
        50% { transform:translateY(-5px); }
      }
    }

    /* ---------- RESPONSIVE ---------- */

    @media (max-width:1024px) {
      .dc-strategy-shell {
        max-width:760px;
        grid-template-columns:1fr;
      }

      .dc-strategy-intelligence {
        min-height:570px;
      }

      .dc-strategy-form-card {
        padding:26px;
      }
    }

    @media (max-width:700px) {
      .dc-strategy-heading {
        margin-bottom:27px;
      }

      .dc-strategy-shell {
        border-radius:22px;
      }

      .dc-strategy-intelligence {
        min-height:540px;
        padding:24px 22px;
      }

      .dc-strategy-visual {
        height:225px;
      }

      .dc-strategy-orbit-one {
        width:155px;
        height:155px;
      }

      .dc-strategy-orbit-two {
        width:205px;
        height:205px;
      }

      .dc-strategy-core {
        width:106px;
        height:106px;
      }

      .dc-strategy-core-icon {
        width:37px;
        height:37px;
      }

      .dc-strategy-proof {
        grid-template-columns:1fr 1fr 1fr;
      }

      .dc-strategy-form-card {
        padding:22px 18px 16px;
      }

      .dc-strategy-form-top {
        gap:14px;
      }

      .dc-form-frame-v2,
      .dc-form-frame-v2 iframe {
        min-height:640px;
      }
    }

    @media (max-width:520px) {
      .dc-strategy-heading h2 {
        font-size:1.7rem;
      }

      .dc-strategy-shell {
        border-radius:18px;
      }

      .dc-strategy-intelligence {
        min-height:560px;
        padding:21px 18px;
      }

      .dc-strategy-topline {
        align-items:flex-start;
        flex-direction:column;
      }

      .dc-strategy-mini-label {
        display:none;
      }

      .dc-strategy-visual {
        height:215px;
        margin-top:17px;
      }

      .dc-strategy-signal {
        padding:6px 8px;
        font-size:.51rem;
      }

      .dc-signal-traffic { left:0; }
      .dc-signal-content { right:0; }
      .dc-signal-conversion { right:0; }
      .dc-signal-crm { left:1%; }

      .dc-strategy-flow-item {
        padding:10px;
      }

      .dc-strategy-proof {
        gap:8px;
      }

      .dc-strategy-proof strong {
        font-size:.65rem;
      }

      .dc-strategy-proof span {
        font-size:.49rem;
      }

      .dc-strategy-contact div {
        flex-direction:column;
        gap:6px;
      }

      .dc-strategy-form-top {
        flex-direction:column;
      }

      .dc-form-secure {
        align-self:flex-start;
      }

      .dc-form-benefit-row {
        gap:8px 12px;
      }

      .dc-form-frame-v2,
      .dc-form-frame-v2 iframe {
        min-height:670px;
      }
    }

    @media (max-width:360px) {
      .dc-strategy-intelligence {
        min-height:580px;
      }

      .dc-strategy-proof {
        grid-template-columns:1fr;
      }

      .dc-strategy-proof div + div {
        padding-top:8px;
        border-top:1px solid rgba(255,255,255,.06);
      }
    }

    @media (prefers-reduced-motion:reduce) {
      .dc-strategy-orbit,
      .dc-strategy-signal {
        animation:none !important;
      }
    }