*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
  :root{
    --wc-bg: #05080d;
    --wc-bg2:#070b12;
    --wc-text:#ffffff;
    --wc-muted: rgba(255,255,255,.85);
    --wc-dim: rgba(255,255,255,.10);
    --wc-line: rgba(255,255,255,.12);
    --wc-shadow: none;
    --wc-a: #0982DD;
    --wc-b: #0982DD;
    --wc-c: #0982DD;
    --wc-light:#E3F3FF;
    --wc-r: 22px;
    --wc-max: 1440px;
  }
  .wc-hero__bg{ position:absolute; inset:0; pointer-events:none; }
  .wc-blob{
    position:absolute;
    width: 660px;
    height: 860px;
    filter: blur(140px);
    opacity: .25;
    border-radius: 299px;
    transform: translate3d(0,0,0);
  }
  .wc-blob--a{
    left: -220px; top: -220px;
    background: radial-gradient(circle at 30% 30%, rgba(138,92,255,.85), transparent 60%),
                radial-gradient(circle at 70% 70%, rgba(35,240,199,.55), transparent 60%);
  }
  .wc-blob--b{
    right: -240px; top: -160px;
    background: radial-gradient(circle at 35% 35%, rgba(88,199,255,.85), transparent 60%),
                radial-gradient(circle at 70% 70%, rgba(138,92,255,.50), transparent 60%);
  }
  .wc-grid{
    position:absolute; inset:0;
    background-image:
      linear-gradient(to right, rgba(234,240,255,.06) 1px, transparent 1px),
      linear-gradient(to bottom, rgba(234,240,255,.06) 1px, transparent 1px);
    background-size: 42px 42px;
    mask-image: radial-gradient(600px 400px at 40% 30%, #000 45%, transparent 75%);
    opacity: .6;
  }

  .wc-container{
    width: 100%;
    max-width: var(--wc-max);
    margin: 0 auto;
  }

  .wc-hero__wrap{
    position: relative;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    align-items: center;
  }

  .wc-hero__content {
    display: flex;
    flex-direction: column;
    gap: 0;
  }

  .wc-kicker{
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    width: fit-content;
  }
  .wc-kicker__pill{
    display:inline-flex;
    align-items:center;
    gap: 8px;
    padding: 8px 16px;
    border: 1px solid var(--wc-line);
    background: rgba(255,255,255,.04);
    border-radius: 999px;
    color: rgba(255,255,255, .85);
    backdrop-filter: blur(8px);
  }
  .wc-kicker__dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #22c55e;
    box-shadow: 0 0 0 3px rgba(34,197,94,.2);
    animation: wc-pulse 2s ease-in-out infinite;
  }
  @keyframes wc-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: .5; }
  }

  .wc-hero__title{
    color: white;
    margin: 0 0 20px 0;
  }
  .wc-gradient-text{
    color: var(--wc-a);
    background: none;
  }

  .wc-hero__lead{
    margin: 0 0 32px 0;
    color:  rgba(255,255,255, .85);
    max-width: 520px;
  }

  .wc-hero__cta{
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
  .wc-btn{
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 24px;
    border-radius: 14px;
    text-decoration: none;
    transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease;
    user-select: none;
    cursor: pointer;
    font-family: inherit;
    font-weight: 700;
  }
  .wc-btn--primary{
    background: #7D3F8F;
    color: white;
    box-shadow: 0 0 0 0 rgba(125,63,143,0);
  }
  .wc-btn--primary:hover{
    background: #6d3580;
    transform: translateY(-3px);
    box-shadow: 0 8px 30px rgba(125,63,143,.3);
    color: white;
    border-color: transparent;
  }
  .wc-btn--ghost{
    background: transparent;
    border: 1px solid var(--wc-a);
    color: white;
  }
  .wc-btn--ghost:hover{
    background: rgba(9,130,221,.1);
    border-color: var(--wc-a);
    transform: translateY(-3px);
    color: white;
  }
  .wc-btn:active{ transform: translateY(-1px); }
  .wc-btn__icon{
    display: inline-flex;
    width: 26px; height: 26px;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,.18);
    font-size: 14px;
  }

  .wc-trust-bar {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap: wrap;
  }
  .wc-trust-bar__item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255,255,255,.55);
  }
  .wc-trust-bar__icon {
    width: 36px;
    height: 36px;
    border-radius: 10px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.08);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .wc-trust-bar__icon svg {
    width: 18px;
    height: 18px;
    stroke: var(--wc-a);
    fill: none;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .wc-trust-bar__divider {
    width: 1px;
    height: 28px;
    background: rgba(255,255,255,.1);
  }

  .wc-hero__visual{
    display: flex;
    justify-content: end;
  }
  .wc-photo-frame {
    position: relative;
    width: min(420px, 100%);
    aspect-ratio: 3 / 4;
  }
  .wc-photo-frame__glow {
    position: absolute;
    inset: -40px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(9,130,221,.15) 0%, transparent 70%);
    filter: blur(40px);
    pointer-events: none;
  }
  .wc-photo-frame__img {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(255,255,255,.03);
    backdrop-filter: blur(10px);
  }
  .wc-photo-frame__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    display: block;
  }
  .wc-photo-placeholder {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 16px;
    background:
      radial-gradient(600px 300px at 30% 20%, rgba(88,199,255,.08), transparent 50%),
      radial-gradient(600px 300px at 70% 80%, rgba(138,92,255,.06), transparent 55%),
      rgba(255,255,255,.02);
  }
  .wc-photo-placeholder svg {
    width: 64px;
    height: 64px;
    stroke: rgba(255,255,255,.15);
    fill: none;
    stroke-width: 1.5;
  }
  .wc-float-card {
    position: absolute;
    padding: 12px 16px;
    border-radius: 14px;
    border: 1px solid rgba(255,255,255,.1);
    background: rgba(10,14,23,.85);
    backdrop-filter: blur(16px);
    display: flex;
    align-items: center;
    gap: 10px;
    z-index: 2;
    box-shadow: 0 8px 32px rgba(0,0,0,.3);
  }
  .wc-float-card--top {
    top: -12px;
    right: -20px;
  }
  .wc-float-card--bottom {
    bottom: 24px;
    left: -28px;
  }
  .wc-float-card__icon {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .wc-float-card__icon--blue {
    background: rgba(9,130,221,.15);
  }
  .wc-float-card__icon--green {
    background: rgba(34,197,94,.15);
  }
  .wc-float-card__icon svg {
    width: 18px;
    height: 18px;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
  }
  .wc-float-card__text {
    display: flex;
    flex-direction: column;
    gap: 2px;
  }
  .wc-float-card__label {
    color: rgba(255,255,255,.5);
  }
  .wc-float-card__value {
    color: white;
  }
  
.wc-hero{
    position: relative;
    overflow: hidden;
    background: radial-gradient(1440px 700px at 15% 15%, rgba(138,92,255,.18), transparent 55%),
                radial-gradient(900px 600px at 85% 25%, rgba(88,199,255,.16), transparent 50%),
                linear-gradient(180deg, var(--wc-bg), var(--wc-bg2));
    color: var(--wc-text);
    min-height: 100dvh;
    display: flex;
    align-items: center;
}
  
    @media(max-width:1440px){
  .wc-hero{padding-left:40px; padding-right:40px;}
    }
  
  @media (max-width: 980px){
    .wc-hero{padding-left:0px !important; padding-right:0px !important;}
    .wc-hero__wrap{
      grid-template-columns: 1fr;
      text-align: center;
      display: flex;
      flex-direction: column;
      gap: 0;
    }
    .wc-hero__content {
      display: contents;
    }
    .wc-kicker {
      margin-left: auto;
      margin-right: auto;
      order: 1;
      margin-bottom: 24px;
    }
    .wc-hero__title {
      order: 2;
    }
    .wc-hero__visual{
      order: 3;
      justify-content: center;
      margin: 32px 0;
    }
    .wc-hero__lead {
      order: 4;
      max-width: 560px;
      margin-left: auto;
      margin-right: auto;
    }
    .wc-hero__cta {
      order: 5;
      justify-content: center;
    }
    .wc-trust-bar {
      order: 6;
      justify-content: center;
    }
    .wc-photo-frame { width: min(320px, 80%); }
    .wc-float-card--top { right: -10px; top: -8px; }
    .wc-float-card--bottom { left: -10px; }
    .wc-grid{ mask-image: radial-gradient(520px 360px at 50% 22%, #000 45%, transparent 78%); }
  }
  
  @media (max-width: 768px){
    .wc-hero__wrap { padding: clamp(60px, 8vh, 100px) 0; }
    .wc-float-card { display: none; }
    .wc-trust-bar__divider { display: none; }
    .wc-trust-bar { gap: 16px; justify-content: center; }
    .wc-btn{ margin-left:10px; margin-right:10px;}
  }
  
  @media (max-width: 520px){
    .wc-hero{padding-left:10px !important; padding-right:10px !important;}
    .wc-btn{ width: 100%; }
    .wc-hero__cta{ gap: 10px; }
    .wc-kicker { display: none; }
    .wc-photo-frame { width: min(260px, 90%); }
  }