/* Flat Medya — Services Page
   Scoped to .fm-services-page. No homepage overrides. */

.fm-services-page{overflow:hidden}
.fm-services-page__hero{
  position:relative;
  padding:150px 0 92px;
  background:
    radial-gradient(circle at 13% 76%,rgba(82,224,206,.065),transparent 31%),
    radial-gradient(circle at 82% 16%,rgba(105,76,255,.09),transparent 33%);
}
.fm-services-page__hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.28fr) minmax(330px,.72fr);
  gap:clamp(54px,7vw,110px);
  align-items:end;
  margin-top:34px;
}
.fm-services-page__hero-copy h1{
  max-width:850px;
  margin:14px 0 0;
  font-size:clamp(54px,5vw,76px);
  line-height:.99;
  letter-spacing:-.052em;
  font-weight:800;
}
.fm-services-page__hero-copy h1 em,
.fm-services-page__section-head h2 em,
.fm-services-page__local h2 em{
  font-style:normal;
  background:linear-gradient(90deg,#6cedd4,#91b7ff 58%,#806eff);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.fm-services-page__hero-copy>p{
  max-width:720px;
  margin:28px 0 0;
  color:#b8c7ce;
  font-size:18px;
  line-height:1.7;
  font-weight:500;
}
.fm-services-page__hero-actions{
  display:flex;
  align-items:center;
  gap:22px;
  margin-top:30px;
}
.fm-services-page__text-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  color:#edf5f3;
  font-size:15px;
  font-weight:750;
}
.fm-services-page__text-link span{color:#69ecd3}
.fm-services-page__hero-panel{
  position:relative;
  min-height:390px;
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  overflow:hidden;
  border:1px solid rgba(151,204,220,.11);
  border-radius:22px;
  background:
    radial-gradient(circle at 82% 14%,rgba(116,88,255,.15),transparent 34%),
    radial-gradient(circle at 8% 96%,rgba(105,236,211,.08),transparent 38%),
    linear-gradient(150deg,rgba(12,28,41,.91),rgba(6,15,25,.98));
  box-shadow:0 24px 64px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025);
}
.fm-services-page__hero-panel:after{
  content:"";
  position:absolute;
  width:260px;
  height:260px;
  right:-72px;
  top:18px;
  border:1px solid rgba(105,236,211,.09);
  border-radius:50%;
  box-shadow:inset 0 0 0 44px rgba(112,87,255,.025),inset 0 0 0 88px rgba(105,236,211,.018);
}
.fm-services-page__hero-panel-top{
  position:absolute;
  left:28px;
  right:28px;
  top:26px;
  z-index:2;
  display:flex;
  justify-content:space-between;
  color:#708891;
  font-size:10px;
  font-weight:850;
  letter-spacing:.11em;
}
.fm-services-page__hero-panel-top i{
  color:#69ecd3;
  font-style:normal;
}
.fm-services-page__hero-panel>strong{
  position:relative;
  z-index:2;
  font-size:clamp(31px,2.5vw,41px);
  line-height:1.04;
  letter-spacing:-.04em;
  font-weight:800;
}
.fm-services-page__hero-panel>strong em{
  color:#69ecd3;
  font-style:normal;
}
.fm-services-page__hero-panel>p{
  position:relative;
  z-index:2;
  margin:16px 0 20px;
  color:#aebdc4;
  font-size:15.5px;
  line-height:1.62;
  font-weight:500;
}
.fm-services-page__hero-metrics{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:1fr 1fr;
  padding-top:18px;
  border-top:1px solid rgba(151,204,220,.09);
}
.fm-services-page__hero-metrics>div+div{
  padding-left:18px;
  border-left:1px solid rgba(151,204,220,.09);
}
.fm-services-page__hero-metrics b{display:block;font-size:24px;font-weight:800}
.fm-services-page__hero-metrics small{display:block;margin-top:5px;color:#7f929b;font-size:11px;font-weight:650}

.fm-services-page__services,
.fm-services-page__system,
.fm-services-page__process,
.fm-services-page__local{padding:105px 0}
.fm-services-page__system,
.fm-services-page__local{background:rgba(8,17,28,.38)}
.fm-services-page__section-head{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(330px,.68fr);
  gap:60px;
  align-items:end;
  margin-bottom:34px;
}
.fm-services-page__section-head h2,
.fm-services-page__local h2{
  margin:13px 0 0;
  font-size:clamp(42px,3.45vw,56px);
  line-height:1.04;
  letter-spacing:-.042em;
  font-weight:800;
}
.fm-services-page__section-head>p{
  margin:0;
  color:#b7c6cd;
  font-size:18px;
  line-height:1.68;
  font-weight:500;
}

.fm-services-page__cards{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.fm-services-card{
  min-width:0;
  padding:14px;
  border:1px solid rgba(151,204,220,.11);
  border-radius:22px;
  background:
    radial-gradient(circle at 90% 8%,rgba(109,85,255,.045),transparent 28%),
    linear-gradient(150deg,rgba(12,29,42,.9),rgba(6,16,25,.98));
  box-shadow:0 20px 54px rgba(0,0,0,.15),inset 0 1px 0 rgba(255,255,255,.025);
}
.fm-services-card__top{
  height:44px;
  padding:0 6px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.fm-services-card__top span{color:#69ecd3;font-size:11px;font-weight:850}
.fm-services-card__top b{color:#7d939d;font-size:10px;letter-spacing:.11em}
.fm-services-card__visual{
  position:relative;
  height:245px;
  overflow:hidden;
  border:1px solid rgba(151,204,220,.08);
  border-radius:17px;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),
    radial-gradient(circle at 58% 48%,rgba(105,236,211,.09),transparent 34%),
    #07121e;
  background-size:36px 36px,36px 36px,auto,auto;
}
.fm-services-card__content{padding:24px 8px 10px}
.fm-services-card__content h3{
  margin:0;
  font-size:28px;
  line-height:1.1;
  letter-spacing:-.03em;
  font-weight:800;
}
.fm-services-card__content>p{
  margin:13px 0 17px;
  color:#b5c4ca;
  font-size:16px;
  line-height:1.64;
  font-weight:500;
}
.fm-services-card__content ul{
  margin:0;
  padding:0;
  display:grid;
  gap:8px;
  list-style:none;
}
.fm-services-card__content li{
  position:relative;
  padding-left:18px;
  color:#d3dcdf;
  font-size:14.5px;
  line-height:1.45;
  font-weight:600;
}
.fm-services-card__content li:before{
  content:"";
  position:absolute;
  left:0;
  top:.63em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#69ecd3;
  box-shadow:0 0 8px rgba(105,236,211,.55);
}
.fm-services-card__content>a{
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:22px;
  color:#edf5f4;
  font-size:14px;
  font-weight:750;
}
.fm-services-card__content>a span{color:#69ecd3}

/* Service illustrations */
.fm-services-card__phone{
  position:absolute;
  left:50%;
  top:28px;
  width:128px;
  height:192px;
  transform:translateX(-50%) rotate(4deg);
  border:4px solid #182433;
  border-radius:27px;
  background:linear-gradient(160deg,#16253b,#38206c 58%,#07111b);
  box-shadow:0 20px 28px rgba(0,0,0,.28);
}
.fm-services-card__phone i{
  position:absolute;left:39px;top:10px;width:48px;height:12px;border-radius:10px;background:#030509;
}
.fm-services-card__phone strong{position:absolute;left:12px;bottom:45px;font-size:11px}
.fm-services-card__phone span{position:absolute;left:12px;bottom:20px;color:#69ecd3;font-size:20px;font-weight:850}
.fm-services-card__bars{
  position:absolute;right:32px;bottom:31px;display:flex;align-items:end;gap:6px;padding:12px;
  border:1px solid rgba(151,204,220,.11);border-radius:13px;background:#091522;
}
.fm-services-card__bars i{width:11px;border-radius:5px 5px 2px 2px;background:linear-gradient(#9c75ff,#68ecd3)}
.fm-services-card__bars i:nth-child(1){height:20px}.fm-services-card__bars i:nth-child(2){height:35px}.fm-services-card__bars i:nth-child(3){height:28px}.fm-services-card__bars i:nth-child(4){height:48px}

.fm-services-card__browser{
  position:absolute;inset:30px 44px 28px;
  border:1px solid rgba(151,204,220,.15);border-radius:13px;background:#0a1724;box-shadow:0 18px 32px rgba(0,0,0,.25)
}
.fm-services-card__browser header{height:32px;display:flex;gap:5px;align-items:center;padding:0 10px;border-bottom:1px solid rgba(151,204,220,.08)}
.fm-services-card__browser header i{width:5px;height:5px;border-radius:50%;background:#637785}
.fm-services-card__browser div{padding:24px}
.fm-services-card__browser small{display:block;color:#69ecd3;font-size:8px;font-weight:800}
.fm-services-card__browser b{display:block;margin-top:6px;font-size:31px}
.fm-services-card__browser div span{display:block;width:70%;height:5px;margin-top:9px;border-radius:5px;background:#1b3040}
.fm-services-card__score{position:absolute;right:24px;top:20px;padding:10px 12px;border:1px solid rgba(105,236,211,.13);border-radius:11px;background:#081522}
.fm-services-card__score small{display:block;color:#82959e;font-size:7px}.fm-services-card__score strong{display:block;margin-top:3px;color:#69ecd3;font-size:20px}

.fm-services-card__video-frame{
  position:absolute;left:30px;right:30px;top:26px;height:135px;display:grid;place-items:center;
  border-radius:13px;background:linear-gradient(145deg,#1a2e43,#4b356a);box-shadow:0 16px 30px rgba(0,0,0,.22)
}
.fm-services-card__video-frame b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.12);font-size:18px}
.fm-services-card__timeline{position:absolute;left:30px;right:30px;bottom:28px;height:43px;display:flex;gap:4px;align-items:center}
.fm-services-card__timeline i{height:22px;flex:1;border-radius:3px;background:linear-gradient(90deg,#6f5b91,#315869)}
.fm-services-card__timeline span{position:absolute;left:47%;top:-6px;width:2px;height:36px;background:#69ecd3;box-shadow:0 0 8px #69ecd3}

.fm-services-card__radar{
  position:absolute;left:50%;top:50%;width:180px;height:180px;transform:translate(-50%,-50%);border:1px solid rgba(105,236,211,.14);border-radius:50%;
  box-shadow:inset 0 0 0 35px rgba(105,236,211,.018),inset 0 0 0 70px rgba(105,236,211,.025)
}
.fm-services-card__radar i{position:absolute;width:7px;height:7px;border-radius:50%;background:#69ecd3;box-shadow:0 0 12px rgba(105,236,211,.65)}
.fm-services-card__radar i:nth-child(1){left:24px;top:80px}.fm-services-card__radar i:nth-child(2){right:35px;top:35px}.fm-services-card__radar i:nth-child(3){right:25px;bottom:38px;background:#7d6dff}
.fm-services-card__radar b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#69ecd3,#786bff);color:#07111b;font-size:20px}
.fm-services-card__rating{position:absolute;right:27px;bottom:24px;padding:10px 12px;border-radius:11px;border:1px solid rgba(151,204,220,.10);background:#081522}
.fm-services-card__rating small{display:block;color:#82959e;font-size:7px}.fm-services-card__rating strong{font-size:20px}.fm-services-card__rating span{display:block;color:#ffbd3f;font-size:8px;letter-spacing:.05em}

.fm-services-page__system-grid{
  display:grid;
  grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);
  gap:16px;
}
.fm-services-page__system-map{
  position:relative;
  min-height:490px;
  overflow:hidden;
  border:1px solid rgba(151,204,220,.10);
  border-radius:22px;
  background:radial-gradient(circle at 50% 50%,rgba(105,236,211,.09),transparent 30%),#07111c;
}
.fm-services-page__system-map>i{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  border:1px solid rgba(105,236,211,.09);border-radius:50%;
}
.fm-services-page__system-map>i:nth-of-type(1){width:175px;height:175px}
.fm-services-page__system-map>i:nth-of-type(2){width:290px;height:290px}
.fm-services-page__system-map>i:nth-of-type(3){width:405px;height:405px;border-color:rgba(118,96,255,.10)}
.fm-services-page__system-core{
  position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);
  display:grid;place-items:center;width:82px;height:82px;border-radius:50%;
  background:linear-gradient(135deg,#69ecd3,#72b8ff 58%,#786bff);color:#07111b;font-size:25px;font-weight:900;
  box-shadow:0 0 40px rgba(105,236,211,.18)
}
.fm-services-page__system-map>span{
  position:absolute;z-index:3;padding:8px 12px;border:1px solid rgba(151,204,220,.12);border-radius:999px;background:#0b1825;color:#b8c8ce;font-size:10px;font-weight:800;letter-spacing:.08em
}
.fm-services-page__system-map .is-social{left:13%;top:19%}
.fm-services-page__system-map .is-web{right:14%;top:22%}
.fm-services-page__system-map .is-video{left:12%;bottom:20%}
.fm-services-page__system-map .is-seo{right:13%;bottom:18%}
.fm-services-page__system-copy{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.fm-services-page__system-copy article{
  min-height:235px;
  padding:24px;
  border:1px solid rgba(151,204,220,.10);
  border-radius:18px;
  background:linear-gradient(150deg,rgba(12,28,41,.88),rgba(7,16,25,.96))
}
.fm-services-page__system-copy article>span{color:#69ecd3;font-size:11px;font-weight:850}
.fm-services-page__system-copy h3{margin:54px 0 8px;font-size:24px;font-weight:800}
.fm-services-page__system-copy p{margin:0;color:#adbdc4;font-size:15px;line-height:1.58;font-weight:500}

.fm-services-page__steps{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:10px;
}
.fm-services-page__steps article{
  min-height:230px;
  padding:22px;
  border:1px solid rgba(151,204,220,.10);
  border-radius:18px;
  background:linear-gradient(150deg,rgba(11,27,40,.88),rgba(7,17,27,.96))
}
.fm-services-page__steps span{color:#69ecd3;font-size:11px;font-weight:850}
.fm-services-page__steps b{display:block;margin-top:68px;font-size:23px;font-weight:800}
.fm-services-page__steps p{margin:9px 0 0;color:#aebdc4;font-size:14.5px;line-height:1.56;font-weight:500}

.fm-services-page__local-panel{
  padding:42px;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);
  gap:60px;
  align-items:center;
  border:1px solid rgba(151,204,220,.11);
  border-radius:24px;
  background:
    radial-gradient(circle at 88% 12%,rgba(115,88,255,.12),transparent 32%),
    radial-gradient(circle at 8% 92%,rgba(105,236,211,.07),transparent 34%),
    linear-gradient(150deg,rgba(12,29,42,.92),rgba(6,16,25,.98));
}
.fm-services-page__local p{
  max-width:720px;
  margin:17px 0 24px;
  color:#b6c5cb;
  font-size:17px;
  line-height:1.68;
  font-weight:500;
}
.fm-services-page__local-tags{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  align-content:center;
}
.fm-services-page__local-tags span{
  padding:10px 13px;
  border:1px solid rgba(105,236,211,.13);
  border-radius:999px;
  background:rgba(105,236,211,.025);
  color:#abc0c7;
  font-size:12px;
  line-height:1.2;
  font-weight:700;
}

@media(max-width:1100px){
  .fm-services-page__hero-grid,
  .fm-services-page__section-head,
  .fm-services-page__system-grid,
  .fm-services-page__local-panel{grid-template-columns:1fr}
  .fm-services-page__hero-panel{min-height:330px}
  .fm-services-page__steps{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .fm-services-page__hero{padding:118px 0 70px}
  .fm-services-page__hero-copy h1{font-size:clamp(43px,12.2vw,59px)}
  .fm-services-page__hero-copy>p{font-size:16.5px}
  .fm-services-page__hero-actions{align-items:flex-start;flex-direction:column}
  .fm-services-page__services,.fm-services-page__system,.fm-services-page__process,.fm-services-page__local{padding:78px 0}
  .fm-services-page__section-head{gap:18px}
  .fm-services-page__section-head h2,.fm-services-page__local h2{font-size:clamp(34px,9vw,44px)}
  .fm-services-page__section-head>p{font-size:16.5px}
  .fm-services-page__cards,.fm-services-page__system-copy,.fm-services-page__steps{grid-template-columns:1fr}
  .fm-services-card__visual{height:220px}
  .fm-services-card__content h3{font-size:25px}
  .fm-services-page__system-map{min-height:380px}
  .fm-services-page__system-map>i:nth-of-type(3){width:320px;height:320px}
  .fm-services-page__local-panel{padding:26px;gap:30px}
}