




  .svc-hero{position:relative;min-height:100vh;overflow:hidden;text-align:center;display:flex;flex-direction:column;justify-content:center;padding:130px 24px 70px;
     background:radial-gradient(125% 90% at 50% 0%,var(--dark-lift) 0%,#0a0f22 46%,#05070f 100%)}
  .svc-hero .atmo{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0.35;background:url('/photos/ai/brand/brand-network.webp') center/cover;filter:blur(34px) brightness(.55)}
  .svc-hero .glow{position:absolute;z-index:1;width:900px;height:900px;left:50%;top:40%;transform:translate(-50%,-50%);border-radius:50%;filter:blur(95px);pointer-events:none;background:radial-gradient(closest-side,rgba(25,92,255,.4),rgba(25,92,255,.1) 55%,transparent 74%)}
  .svc-hero .veil{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(5,7,15,.5),transparent 26%,transparent 68%,#05070f)}
  .svc-hero .grain{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.4;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E")}
  .svc-hero .inner{position:relative;z-index:5;max-width:820px;margin:0 auto}


  .svc-hero h1{font-weight:var(--fw-bold);font-size:var(--fs-h2);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:#fff;margin:0 auto var(--sp-8);max-width:22ch}
  .svc-hero h1 .hl{color:var(--blue-soft)}

  .svc-hero .vsl-wrap{position:relative;max-width:760px;margin:4px auto 30px}

  .svc-hero .pcard{position:absolute;z-index:1;width:440px;text-align:right;
     background:linear-gradient(180deg,#fff,#fbfcff);border-radius:var(--r-card);padding:26px 28px;
     box-shadow:0 28px 56px -14px rgba(11,15,30,0.55),0 10px 20px -10px rgba(11,15,30,0.55),inset 0 1px 0 rgba(255,255,255,0.92);
     transform:rotate(var(--r));animation:pcard-in .7s var(--ease) var(--pd,0s) both;
     transition:transform .45s var(--ease),box-shadow .45s ease}

  .svc-hero .pcard b{display:block;font-weight:var(--fw-bold);font-size:var(--fs-title);line-height:var(--lh-card);color:var(--dark);text-wrap:balance}
  .svc-hero .pcard p{margin:8px 0 0;font-weight:var(--fw-body);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--tx-muted)}

  .svc-hero .pcard .pic{position:absolute;top:-20px;width:54px;height:54px;border-radius:var(--r-card);display:grid;place-items:center;
     background:linear-gradient(158deg,var(--blue-light),var(--blue-deep));
     box-shadow:0 14px 26px -8px rgba(25,92,255,0.55),inset 0 1px 0 rgba(255,255,255,0.35),inset 0 0 0 1px rgba(255,255,255,0.12)}

  .svc-hero .pcard .pic::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
     background:radial-gradient(84% 62% at 26% 4%,rgba(255,255,255,0.35),transparent 62%)}
  .svc-hero .pcard .pic svg{position:relative;z-index:1;width:24px;height:24px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}

  .svc-hero .p1,.svc-hero .p2{--r:-4deg;right:-282px;padding-left:172px}
  .svc-hero .p3,.svc-hero .p4{--r:4deg;left:-282px;padding-right:172px}
  .svc-hero .p1 .pic,.svc-hero .p2 .pic{right:-18px}
  .svc-hero .p3 .pic,.svc-hero .p4 .pic{left:-18px}

  .svc-hero .p1,.svc-hero .p3{bottom:calc(50% + 14px)}
  .svc-hero .p2,.svc-hero .p4{top:calc(50% + 14px)}
  .svc-hero .p2,.svc-hero .p4{--pd:.12s}
  .svc-hero .pcard:hover{transform:rotate(var(--r)) translateY(-6px) scale(1.025);
     box-shadow:0 38px 70px -16px rgba(11,15,30,0.7),0 12px 24px -10px rgba(11,15,30,0.55),inset 0 1px 0 rgba(255,255,255,0.92)}
  @keyframes pcard-in{from{opacity:0;transform:rotate(var(--r)) translateY(16px) scale(.97)}to{opacity:1;transform:rotate(var(--r)) translateY(0) scale(1)}}

  @media(max-width:1380px){
    .svc-hero .vsl-wrap{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4) var(--sp-4);padding-top:var(--sp-2)}
    .svc-hero .vsl-wrap .vsl{grid-column:1 / -1;margin-bottom:var(--sp-2)}
    .svc-hero .pcard{position:static;width:auto;--r:0deg;padding:22px 24px;
       box-shadow:0 18px 34px -12px rgba(11,15,30,0.55),inset 0 1px 0 rgba(255,255,255,0.92)}
    .svc-hero .pcard .pic{position:static;width:44px;height:44px;margin-bottom:var(--sp-3)}
    .svc-hero .pcard .pic svg{width:21px;height:21px}
    .svc-hero .pcard:hover{transform:translateY(-4px)}
  }

  @media(max-width:640px){
    .svc-hero .pcard p{display:none}

    .svc-hero .pcard b{font-size:var(--fs-body)}
    .svc-hero .pcard{padding:var(--sp-4)}
    .svc-hero .pcard .pic{width:36px;height:36px;margin-bottom:var(--sp-2)}
    .svc-hero .pcard .pic svg{width:18px;height:18px}
  }

  @media(max-width:1380px){
    .svc-hero .vsl-wrap .vsl{order:-1}
    .svc-hero .pcard{order:1}
  }
  @media(prefers-reduced-motion:reduce){.svc-hero .pcard{transition:none;animation:none}}



  .svc-hero .vsl{position:relative;z-index:3;display:block;width:100%;max-width:760px;margin:0 auto;border-radius:15px;cursor:pointer;overflow:visible;
     border:1px solid rgba(255,255,255,.12);background:#0b0f1e;
     box-shadow:0 54px 110px -34px rgba(0,0,0,0.82),0 0 0 1px rgba(255,255,255,0.06),0 0 90px rgba(25,92,255,0.22)}
  .svc-hero .vsl .winbar{display:flex;align-items:center;gap:10px;height:42px;padding:0 16px;background:linear-gradient(180deg,#232b47,#161c31);border-bottom:1px solid rgba(255,255,255,0.06);border-radius:var(--r-card) 14px 0 0}
  .svc-hero .vsl .dots{display:inline-flex;gap:8px}
  .svc-hero .vsl .dots i{width:12px;height:12px;border-radius:50%}
  .svc-hero .vsl .dots i:nth-child(1){background:var(--red)}
  .svc-hero .vsl .dots i:nth-child(2){background:var(--yellow)}
  .svc-hero .vsl .dots i:nth-child(3){background:var(--blue-soft)}

  .svc-hero .vsl .winbar{position:relative;justify-content:flex-start}
  .svc-hero .vsl .wintitle{position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap;
     font-weight:700;font-size:var(--fs-tag);letter-spacing:0;color:rgba(255,255,255,0.7)}
  .svc-hero .vsl .screen{display:block;position:relative;line-height:0;border-radius:0 0 14px 14px;overflow:hidden}
  .svc-hero .vsl .screen img{display:block;width:100%;height:auto}

  .svc-hero .vsl .vbadge{position:absolute;top:-14px;left:-14px;z-index:3;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:var(--fs-tag);letter-spacing:0;color:#fff;background:var(--red-deep);border-radius:var(--r-pill);padding:7px 14px;transform:rotate(-6deg);box-shadow:0 12px 28px rgba(252,61,67,0.35)}


  .pf .more{text-align:center;margin-top:var(--sp-12)}


  .turn{position:relative;overflow:hidden;
     background:radial-gradient(58% 44% at 83% 15%,rgba(25,92,255,.15),transparent 60%),radial-gradient(54% 44% at 88% 60%,rgba(25,92,255,.13),transparent 62%),linear-gradient(180deg,#fff 0%,var(--cream) 100%)}

  .turn .m-open .hl{color:var(--blue)}

  .turn .m-flow .chip.ch-key{background:var(--blue);color:#fff;box-shadow:0 6px 16px rgba(25,92,255,0.35)}


  .concl{position:relative;overflow:hidden;background:var(--dark);color:var(--tx-on-dark);text-align:right}
  .concl .c-atmo{position:absolute;inset:0;pointer-events:none;background:radial-gradient(58% 54% at 50% -10%,rgba(25,92,255,0.22),transparent 60%)}


  .concl .inner{position:relative;z-index:2;max-width:var(--container-content);margin:0 auto;
     display:grid;grid-template-columns:1fr 360px;gap:var(--sp-12) 64px;align-items:stretch}



.concl .stmt{margin:0}

  .concl .stmt .neg{display:block;margin-bottom:var(--sp-6)}
  .concl .stmt .pos{display:block}

  .concl .stmt .hl{color:var(--yellow);font-weight:var(--fw-bold)}
  .concl .close b{font-weight:var(--fw-bold)}


  .concl .cvis{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--sp-8)}
  .concl .cvis::before{content:"";position:absolute;inset:-8% -6%;border-radius:50%;pointer-events:none;
     background:radial-gradient(closest-side,rgba(25,92,255,0.22),transparent 72%);filter:blur(18px)}
  .concl .cvis img{position:relative;display:block;width:100%;height:auto;filter:drop-shadow(0 30px 60px rgba(11,15,30,.55))}

  .concl .chead{font-weight:var(--fw-bold);font-size:var(--fs-h2);line-height:var(--lh-tight);letter-spacing:var(--ls-tight);color:var(--tx-on-dark);margin-bottom:var(--sp-6);text-wrap:balance}

  .concl .close{margin-top:var(--sp-6);font-size:var(--fs-title);font-weight:var(--fw-body);line-height:var(--lh-body);color:var(--tx-on-dark)}
  .concl .cta{margin-top:var(--sp-12)}


  .concl .scar{margin-top:auto;align-self:center}
  @media(max-width:900px){
    .concl{text-align:center}
    .concl .inner{grid-template-columns:1fr;gap:var(--sp-8)}

    .concl .cvis{align-items:center;gap:var(--sp-8)}
    .concl .cvis img{max-width:320px}
    .concl .scar{margin-top:0;justify-content:center;text-align:right}
  }


  @media(max-width:640px){
    .concl .scar{padding:var(--sp-3) var(--sp-4);gap:var(--sp-3);text-align:right}
    .concl .scar b,.concl .scar em{white-space:normal}
  }








  .bts-mosaic::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;pointer-events:none;
     background:linear-gradient(180deg,transparent,var(--cream))}






















  .vwall{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-grid);
     max-width:var(--container);margin:0 auto}
  @media(max-width:1000px){.vwall{grid-template-columns:repeat(3,1fr)}}
  @media(max-width:560px){.vwall{grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}}


  .pb-sign{background:var(--cream);--sg-av:104px}
  .pb-sign .sg-note{max-width:var(--reading);margin:0 auto;text-align:right}
  .pb-sign .sg-from{display:flex;align-items:center;gap:var(--sp-6)}

  .pb-sign .sg-face{--sring:var(--sg-av);--sring-gap:var(--cream)}
  .pb-sign .u-h2{text-wrap:balance}

  .pb-sign .sg-line,.pb-sign .sg-act,.pb-sign .sg-ps{padding-inline-start:calc(var(--sg-av) + var(--sp-6))}
  .pb-sign .sg-line{max-width:56ch;margin-top:var(--sp-4);text-wrap:balance;
     font-size:var(--fs-body);font-weight:var(--fw-body);line-height:var(--lh-body);color:var(--tx-ink)}
  .pb-sign .sg-line b{color:var(--dark)}
  .pb-sign .sg-act{margin-top:var(--sp-6)}

  .pb-sign .sg-ps{display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-1);
     margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--hairline);
     font-size:var(--fs-body);font-weight:var(--fw-body);line-height:var(--lh-body);color:var(--tx-muted)}
  .pb-sign .sg-ps b{flex:none;color:var(--dark)}
  @media(max-width:640px){
    .pb-sign{--sg-av:72px}
    .pb-sign .sg-from{gap:var(--sp-4)}
    .pb-sign .sg-line,.pb-sign .sg-act,.pb-sign .sg-ps{padding-inline-start:0}
  }
  @media(prefers-reduced-motion:reduce){
    .pb-sign .u-rise{transition:none}
    .pb-sign .sg-face::before{animation:none}
  }

