:root{
  /* больше чёрного */
  --bg:#02030A;
  --bg2:#040612;
  --txt:#E9ECF3;
  --muted:rgba(233,236,243,.64);

  /* аккуратнее неон (не “кислота”) */
  --a:#7C3AED;
  --b:#22D3EE;
  --c:#77FF1A;

  --line:rgba(255,255,255,.12);
  --line2:rgba(255,255,255,.07);

  --card:rgba(255,255,255,.045);
  --card2:rgba(255,255,255,.065);

  --shadow: 0 18px 55px rgba(0,0,0,.62);

  /* резче геометрия */
  --cut: 28px;     /* крупный срез */
  --cutS: 14px;    /* малый срез */

  --r:18px;
  --r2:26px;

  /* новый “кибер” шрифт */
  --font: "IBM Plex Sans", system-ui, -apple-system, Segoe UI, Arial;
  --font2: "Oxanium", "IBM Plex Sans", system-ui;
  --mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}


*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family:var(--font);
  color:var(--txt);
  background:
    radial-gradient(1100px 700px at 18% 10%, rgba(124,58,237,.16), transparent 62%),
    radial-gradient(1000px 700px at 82% 26%, rgba(34,211,238,.12), transparent 62%),
    radial-gradient(900px 600px at 50% 92%, rgba(119,255,26,.06), transparent 58%),
    linear-gradient(180deg, var(--bg), var(--bg2));
  overflow-x:hidden;
}


a{color:inherit;text-decoration:none}
.container{width:min(1120px, 92vw);margin:0 auto}
.muted{color:var(--muted)}
.mono{font-family:var(--mono)}
.w100{width:100%}

.bg-grid{
  position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.18;
  background-image:
    linear-gradient(to right, rgba(255,255,255,.055) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.055) 1px, transparent 1px);
  background-size: 68px 68px;
  mask-image: radial-gradient(520px 520px at 50% 12%, black 42%, transparent 72%);
}
.bg-diagonals{
  position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.12;
  background-image:
    repeating-linear-gradient(135deg, rgba(255,255,255,.06) 0, rgba(255,255,255,.06) 1px, transparent 1px, transparent 14px);
  mask-image: radial-gradient(640px 640px at 74% 20%, black 38%, transparent 68%);
}
.bg-noise{
  position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.08;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");
  mix-blend-mode: overlay;
}
.bg-scan{
  position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.16;
  background: repeating-linear-gradient(
    to bottom,
    rgba(255,255,255,.045) 0px,
    rgba(255,255,255,.045) 1px,
    transparent 2px,
    transparent 6px
  );
  animation: scan 8s linear infinite;
  mask-image: linear-gradient(to bottom, transparent, black 12%, black 88%, transparent);
}
@keyframes scan{
  from{transform:translateY(-20px)}
  to{transform:translateY(20px)}
}
.bg-glow{
  position:fixed;inset:-35%;pointer-events:none;z-index:1;opacity:.08;
  background: conic-gradient(from 210deg, rgba(124,58,237,.20), rgba(34,211,238,.18), rgba(163,255,18,.12), rgba(124,58,237,.18));
  filter: blur(95px);
  animation: drift 12s ease-in-out infinite alternate;
}
@keyframes drift{
  from{transform:translate3d(-2%, -1%, 0) rotate(-6deg)}
  to{transform:translate3d(2%, 2%, 0) rotate(8deg)}
}

.header{
  position:sticky;top:0;z-index:60;
  backdrop-filter: blur(14px);
  background: rgba(7,10,18,.58);
  border-bottom:1px solid rgba(255,255,255,.08);
}
.header__inner{
  display:flex;align-items:center;justify-content:space-between;
  height:72px;
}
.brand{display:flex;align-items:center;gap:12px}
.brand__mark{
  position:relative;
  display:inline-flex;align-items:center;justify-content:center;
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  background: linear-gradient(135deg, rgba(124,58,237,.20), rgba(34,211,238,.14));
  box-shadow: 0 16px 45px rgba(124,58,237,.18);
  overflow:hidden;
}
.brand__sig{
  font-family:var(--font2);
  font-weight:800;
  letter-spacing:.12em;
}
.brand__bar{
  position:absolute;left:-40%;top:0;bottom:0;width:40%;
  background: linear-gradient(90deg, transparent, rgba(163,255,18,.22), transparent);
  transform: skewX(-14deg);
  animation: bar 4.2s ease-in-out infinite;
  opacity:.75;
}
@keyframes bar{
  0%{left:-50%}
  50%{left:110%}
  100%{left:110%}
}
.brand__text{display:flex;flex-direction:column;gap:2px}
.brand__name{font-weight:800;letter-spacing:.01em}
.brand__sub{font-family:var(--mono);font-size:11px;color:rgba(233,236,243,.66);letter-spacing:.14em;text-transform:uppercase}

.nav{display:flex;gap:18px;align-items:center}
.nav a{color:rgba(233,236,243,.78);font-weight:800;font-size:13px;letter-spacing:.02em}
.nav a:hover{color:var(--txt)}
.nav__cta{
  padding:10px 12px;border-radius:14px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.14);
}

.burger{display:none;background:none;border:0;padding:10px;border-radius:14px}
.burger span{display:block;width:22px;height:2px;background:rgba(233,236,243,.8);margin:5px 0;border-radius:10px}
.mobile{
  display:none;flex-direction:column;gap:10px;
  padding:14px 4vw 18px;
  border-top:1px solid rgba(255,255,255,.08);
}
.mobile a{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10)}
.mobile.open{display:flex}

.hero{position:relative;z-index:10;padding:58px 0 22px}
.hero__inner{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:start}

.hudline{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.pill{
  display:inline-flex;align-items:center;gap:10px;
  padding:10px 12px;border-radius:999px;
  background: rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.14);
  color:rgba(233,236,243,.85);
  font-size:13px;font-weight:800;
}
.dot{
  width:10px;height:10px;border-radius:999px;background:rgba(163,255,18,.9);
  box-shadow: 0 0 0 4px rgba(163,255,18,.12);
}
.sep{width:1px;height:14px;background:rgba(255,255,255,.14);display:inline-block}

.signal{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;border-radius:999px;
  background: rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
}
.signal__label{font-weight:800;color:rgba(233,236,243,.66)}
.signal__ok{font-weight:800;color:rgba(163,255,18,.88)}
.signal__bars{
  width:32px;height:12px;display:inline-block;
  background:
    linear-gradient(to top, rgba(34,211,238,.85) 0 100%) left/6px 35% no-repeat,
    linear-gradient(to top, rgba(34,211,238,.85) 0 100%) 33%/6px 65% no-repeat,
    linear-gradient(to top, rgba(34,211,238,.85) 0 100%) 66%/6px 90% no-repeat,
    linear-gradient(to top, rgba(34,211,238,.85) 0 100%) right/6px 55% no-repeat;
  filter: drop-shadow(0 0 10px rgba(34,211,238,.25));
}

.h1{
  margin:18px 0 10px;
  font-family:var(--font2);
  font-size: clamp(34px, 4.4vw, 56px);
  line-height:1.02;
  letter-spacing:-.02em;
}
.h1 .sub{
  display:block;
  margin-top:12px;
  font-size: clamp(14px, 1.4vw, 18px);
  font-family:var(--font);
  color:rgba(233,236,243,.74);
  font-weight:700;
  letter-spacing:.01em;
}
.accent{
  background: linear-gradient(90deg, var(--a), var(--b), var(--c));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.lead{
  margin:0 0 18px;
  color:rgba(233,236,243,.76);
  line-height:1.65;
  max-width: 62ch;
}

.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 16px}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  gap:10px;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid rgba(255,255,255,.14);
  font-weight:900;
  letter-spacing:.01em;
  cursor:pointer;
  user-select:none;
}
.btn__arrow{opacity:.9}
.btn--primary{
  background: linear-gradient(135deg, rgba(124,58,237,.96), rgba(34,211,238,.76));
  border-color: rgba(255,255,255,.16);
  box-shadow: 0 18px 45px rgba(124,58,237,.22);
}
.btn--primary:hover{filter:brightness(1.05)}
.btn--ghost{
  background: rgba(255,255,255,.05);
}
.btn--ghost:hover{background: rgba(255,255,255,.08)}

.hero__meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.meta{
  min-width:170px;
  padding:12px 12px;
  border-radius:16px;
  background: rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  position:relative;
}
.meta--cut{
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
}
.meta::after{
  content:"";
  position:absolute;inset:0;
  border-radius:16px;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(163,255,18,.0), rgba(163,255,18,.10), rgba(163,255,18,.0));
  opacity:.25;
  mix-blend-mode:screen;
}
.meta__k{font-size:12px;color:rgba(233,236,243,.55);font-weight:900;letter-spacing:.14em;text-transform:uppercase;font-family:var(--mono)}
.meta__v{margin-top:6px;font-weight:900;color:rgba(233,236,243,.92)}
.meta__s{margin-top:6px;color:rgba(233,236,243,.55);letter-spacing:.14em;text-transform:uppercase}

.strip{
  margin-top:14px;
  padding:12px 14px;
  border-radius:16px;
  background: rgba(0,0,0,.18);
  border:1px dashed rgba(255,255,255,.16);
  display:flex;gap:10px;flex-wrap:wrap;
}
.strip__k{color:rgba(233,236,243,.62);letter-spacing:.14em}
.strip__v{color:rgba(233,236,243,.84);letter-spacing:.04em}

.panel{
  border-radius: var(--r2);
  background: rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.12);
  box-shadow: var(--shadow);
  position:relative;
  overflow:hidden;
}
.panel::before{
  content:"";
  position:absolute;inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), transparent 35%),
    radial-gradient(600px 240px at 30% 10%, rgba(34,211,238,.14), transparent 60%);
  opacity:.75;
}
.panel::after{
  content:"";
  position:absolute;inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, transparent, rgba(163,255,18,.12), transparent);
  opacity:.16;
  transform: skewX(-12deg) translateX(-30%);
  animation: sweep 7.2s ease-in-out infinite;
}
@keyframes sweep{
  0%{transform:skewX(-12deg) translateX(-60%)}
  45%{transform:skewX(-12deg) translateX(140%)}
  100%{transform:skewX(-12deg) translateX(140%)}
}

.panel__hdr{
  position:relative;
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  padding:14px 14px 12px;
  border-bottom:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
}
.panel__title{letter-spacing:.14em;color:rgba(233,236,243,.72);font-weight:900}
.panel__chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{
  padding:7px 10px;border-radius:999px;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  font-weight:900;font-size:12px;color:rgba(233,236,243,.85);
  font-family:var(--mono);
}
.panel__body{position:relative;padding:14px}

.radar{
  position:relative;
  width:100%;
  aspect-ratio: 16/9;
  border-radius: 20px;
  background:
    radial-gradient(circle at 50% 50%, rgba(34,211,238,.12), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(0,0,0,.22));
  border:1px solid rgba(255,255,255,.12);
  overflow:hidden;
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
}
.radar__ring{
  position:absolute;inset:10%;
  border-radius:999px;
  border:1px solid rgba(34,211,238,.18);
}
.ring2{inset:22%;border-color:rgba(163,255,18,.12)}
.ring3{inset:34%;border-color:rgba(124,58,237,.14)}
.radar__cross{
  position:absolute;inset:0;
  background:
    linear-gradient(to right, transparent 49.6%, rgba(255,255,255,.10) 50%, transparent 50.4%),
    linear-gradient(to bottom, transparent 49.6%, rgba(255,255,255,.10) 50%, transparent 50.4%);
  opacity:.6;
}
.radar__sweep{
  position:absolute;inset:-40%;
  background: conic-gradient(from 220deg, rgba(34,211,238,0) 0 70%, rgba(34,211,238,.26) 78%, rgba(34,211,238,0) 86% 100%);
  animation: rot 3.6s linear infinite;
  filter: blur(.3px);
  opacity:.9;
}
@keyframes rot{to{transform:rotate(360deg)}}
.radar__blips{
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 72% 42%, rgba(163,255,18,.9) 0 2px, transparent 3px),
    radial-gradient(circle at 35% 66%, rgba(34,211,238,.95) 0 2px, transparent 3px),
    radial-gradient(circle at 56% 34%, rgba(124,58,237,.95) 0 2px, transparent 3px),
    radial-gradient(circle at 78% 72%, rgba(34,211,238,.9) 0 2px, transparent 3px);
  opacity:.75;
  animation: flicker 2.8s ease-in-out infinite;
}
@keyframes flicker{
  0%,100%{opacity:.55}
  40%{opacity:.85}
  65%{opacity:.62}
}

.panel__stats{
  margin-top:12px;
  display:grid;grid-template-columns:repeat(3,1fr);gap:10px;
}
.stat{
  padding:12px;border-radius:16px;
  background: rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
}
.stat__k{letter-spacing:.14em;color:rgba(233,236,243,.58);font-weight:900}
.stat__v{font-family:var(--font2);font-weight:900;font-size:22px;margin-top:6px}
.stat__d{font-size:12px;margin-top:6px}

.panel__log{
  margin-top:12px;
  padding:12px;border-radius:16px;
  background: rgba(0,0,0,.18);
  border:1px solid rgba(255,255,255,.10);
  color:rgba(233,236,243,.86);
}
.logrow{padding:6px 0;border-bottom:1px dashed rgba(255,255,255,.10)}
.logrow:last-child{border-bottom:0}
.logrow .t{color:rgba(163,255,18,.85);margin-right:8px}

.panel--mini{margin-top:12px;padding:14px}
.minirow{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.mini__k{letter-spacing:.14em;color:rgba(233,236,243,.58);font-weight:900}
.mini__v{color:rgba(233,236,243,.84);font-weight:800}

.divider{
  margin-top:26px;
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(34,211,238,.35), rgba(124,58,237,.25), transparent);
  opacity:.7;
}

.section{position:relative;z-index:10;padding:56px 0}
.section__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.h2{
  margin:0;
  font-family:var(--font2);
  font-size: clamp(24px, 2.6vw, 34px);
  letter-spacing:-.02em;
}

.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.service{
  padding:16px;border-radius: var(--r2);
  background: rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  position:relative;
  overflow:hidden;
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
}
.service::after{
  content:"";
  position:absolute;inset:0;
  pointer-events:none;
  background:
    radial-gradient(420px 220px at 30% 12%, rgba(34,211,238,.12), transparent 65%),
    linear-gradient(90deg, transparent, rgba(163,255,18,.10), transparent);
  opacity:.35;
}
.service__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.service__icon{
  width:46px;height:46px;border-radius:16px;
  display:grid;place-items:center;
  background: linear-gradient(135deg, rgba(124,58,237,.20), rgba(34,211,238,.14));
  border:1px solid rgba(255,255,255,.12);
  color:rgba(233,236,243,.90);
}
.service__code{letter-spacing:.14em;color:rgba(233,236,243,.6);font-weight:900}
.service h3{margin:12px 0 8px;font-family:var(--font2)}
.service p{margin:0 0 10px;color:rgba(233,236,243,.72);line-height:1.6}
.service ul{margin:0;padding-left:18px;color:rgba(233,236,243,.72)}
.service li{margin:6px 0}

.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.step{
  padding:14px;border-radius:18px;
  background: rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  clip-path: polygon(0 0, calc(100% - 14px) 0, 100% 14px, 100% 100%, 14px 100%, 0 calc(100% - 14px));
}
.step__n{font-family:var(--mono);font-weight:900;color:rgba(233,236,243,.52);letter-spacing:.14em}
.step__t{margin-top:10px;font-weight:900}
.step__d{margin-top:8px;color:rgba(233,236,243,.70);line-height:1.5;font-size:13px}

.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.case{
  padding:16px;border-radius: var(--r2);
  background: rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
}
.case__top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.tag{
  padding:7px 10px;border-radius:999px;
  background: rgba(34,211,238,.14);
  border:1px solid rgba(34,211,238,.26);
  font-weight:900;font-size:12px;color:rgba(233,236,243,.9);
}
.case p{margin:8px 0;color:rgba(233,236,243,.72);line-height:1.6}

.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:stretch}
.price{
  position:relative;
  padding:16px;border-radius: var(--r2);
  background: rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  display:flex;flex-direction:column;gap:12px;
  clip-path: polygon(0 0, calc(100% - 18px) 0, 100% 18px, 100% 100%, 18px 100%, 0 calc(100% - 18px));
}
.price__head h3{margin:0;font-family:var(--font2)}
.price__num{margin-top:8px;font-weight:900;font-size:20px}
.price__sub{margin-top:6px;color:rgba(233,236,243,.65);font-weight:800}
.price ul{margin:0;padding-left:18px;color:rgba(233,236,243,.72)}
.price li{margin:7px 0}
.price--hot{
  border-color: rgba(34,211,238,.22);
  box-shadow: 0 18px 55px rgba(34,211,238,.10);
}
.badge{
  position:absolute;top:14px;right:14px;
  padding:7px 10px;border-radius:999px;
  background: rgba(163,255,18,.12);
  border:1px solid rgba(163,255,18,.24);
  font-weight:900;font-size:12px;
  font-family:var(--mono);
  letter-spacing:.14em;
}

.cta{
  border-radius: 28px;
  padding:18px;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.03));
  border:1px solid rgba(255,255,255,.12);
  box-shadow: var(--shadow);
  display:grid;grid-template-columns:1.05fr .95fr;gap:14px;
  clip-path: polygon(0 0, calc(100% - 22px) 0, 100% 22px, 100% 100%, 22px 100%, 0 calc(100% - 22px));
}
.cta__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.note{margin-top:14px;padding:12px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10)}
.note__k{color:rgba(233,236,243,.6);font-weight:900;margin-right:6px}

.brief{
  padding:14px;border-radius: 22px;background: rgba(0,0,0,.22);
  border:1px solid rgba(255,255,255,.10);
}
.brief__t{font-family:var(--mono);font-weight:900;letter-spacing:.14em;margin-bottom:10px;color:rgba(233,236,243,.72)}
label{display:block;margin:10px 0 10px;font-weight:900;color:rgba(233,236,243,.82);font-size:13px}
input,select,textarea{
  width:100%;
  margin-top:6px;
  padding:12px 12px;
  border-radius:14px;
  background: rgba(255,255,255,.05);
  border:1px solid rgba(255,255,255,.12);
  color:rgba(233,236,243,.92);
  outline:none;
}
input:focus,select:focus,textarea:focus{border-color: rgba(34,211,238,.35); box-shadow: 0 0 0 4px rgba(34,211,238,.12)}
textarea{resize:vertical;min-height:90px}

.footer{
  margin-top:18px;
  display:flex;align-items:flex-start;justify-content:space-between;gap:16px;
  padding:16px 0 22px;
  border-top:1px solid rgba(255,255,255,.08);
}

.reveal{opacity:0;transform: translateY(10px);transition: .6s ease}
.reveal.is-in{opacity:1;transform:none}

@media (max-width: 980px){
  .hero__inner{grid-template-columns:1fr;gap:14px}
  .panel__stats{grid-template-columns:1fr}
  .grid3,.cases,.pricing{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .section__head{flex-direction:column;align-items:flex-start}
  .nav{display:none}
  .burger{display:inline-block}
  .cta{grid-template-columns:1fr}
}
/* универсальная “кибер-рамка” + острые срезы */
.meta--cut,
.radar,
.service,
.case,
.price,
.step,
.cta{
  clip-path: polygon(
    0 0,
    calc(100% - var(--cut)) 0,
    100% var(--cut),
    100% calc(100% - var(--cutS)),
    calc(100% - var(--cutS)) 100%,
    var(--cut) 100%,
    0 calc(100% - var(--cut))
  );
}

/* corner marks — тонкие техно-углы (не перегибаем с неоном) */
.meta--cut::before,
.radar::before,
.service::before,
.case::before,
.price::before,
.step::before,
.cta::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background:
    linear-gradient(90deg, rgba(34,211,238,.75), transparent) 14px 14px/52px 2px no-repeat,
    linear-gradient(180deg, rgba(34,211,238,.75), transparent) 14px 14px/2px 52px no-repeat,

    linear-gradient(270deg, rgba(124,58,237,.70), transparent) calc(100% - 14px) calc(100% - 14px)/52px 2px no-repeat,
    linear-gradient(0deg, rgba(124,58,237,.70), transparent) calc(100% - 14px) calc(100% - 14px)/2px 52px no-repeat;
}

/* чтобы ::before работал везде */
.meta--cut, .radar, .service, .case, .price, .step, .cta{
  position:relative;
  overflow:hidden;
}
.h1, .h2, .brand__sig { font-family: var(--font2); }