/* perzik Corporate Site V12 — Intelligence Loop and group-brand visibility */

/* --------------------------------------------------------------------------
   TOP / Why perzik
   -------------------------------------------------------------------------- */
.page-home .advantage-v12{
  padding:118px 0 124px;
  background:linear-gradient(180deg,#f6f5f0 0%,#fff 100%);
}
.page-home .advantage-v12-head{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.62fr);
  gap:72px;
  align-items:end;
  margin-bottom:44px;
}
.page-home .advantage-v12-head .section-title{max-width:800px}
.page-home .advantage-v12-head .section-title em{color:var(--green);font-style:normal}
.page-home .advantage-v12-head>p{
  margin:0;
  color:var(--muted);
  font-size:14px;
  font-weight:650;
  line-height:2;
}
.page-home .advantage-v12-panel{
  display:grid;
  grid-template-columns:minmax(330px,.58fr) minmax(0,1.42fr);
  overflow:hidden;
  border:1px solid var(--line);
  background:#fff;
  box-shadow:0 26px 76px rgba(7,60,49,.08);
}
.page-home .advantage-v12-scale{
  position:relative;
  display:flex;
  min-height:560px;
  padding:36px 34px 32px;
  overflow:hidden;
  flex-direction:column;
  justify-content:space-between;
  background:
    radial-gradient(circle at 92% 10%,rgba(140,230,197,.16),transparent 33%),
    linear-gradient(145deg,#073c31 0%,#075443 100%);
  color:#fff;
}
.page-home .advantage-v12-scale::before{
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px);
  background-size:54px 54px;
  content:"";
  mask-image:linear-gradient(135deg,#000 0%,transparent 78%);
}
.page-home .advantage-v12-scale::after{
  position:absolute;
  right:-38px;
  bottom:-84px;
  color:rgba(255,255,255,.045);
  content:"DATA";
  font-family:Arial,Helvetica,sans-serif;
  font-size:112px;
  font-weight:900;
  letter-spacing:-.08em;
  line-height:1;
  transform:rotate(-90deg);
  transform-origin:right bottom;
}
.page-home .advantage-v12-scale-label,
.page-home .advantage-v12-number,
.page-home .advantage-v12-scale>p{position:relative;z-index:1}
.page-home .advantage-v12-scale-label small{
  display:block;
  color:var(--mint-bright);
  font-family:Arial,Helvetica,sans-serif;
  font-size:9px;
  font-weight:900;
  letter-spacing:.15em;
}
.page-home .advantage-v12-scale-label h3{
  margin:18px 0 0;
  color:#fff;
  font-size:clamp(22px,2.2vw,30px);
  font-weight:850;
  letter-spacing:-.035em;
  line-height:1.42;
}
.page-home .advantage-v12-scale-label h3 em{color:var(--mint-bright);font-style:normal}
.page-home .advantage-v12-number strong{
  display:flex;
  align-items:flex-end;
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(92px,10.4vw,146px);
  font-weight:900;
  letter-spacing:-.085em;
  line-height:.78;
  white-space:nowrap;
}
.page-home .advantage-v12-number strong b{font:inherit}
.page-home .advantage-v12-number strong em{
  padding-bottom:.09em;
  font-size:.27em;
  font-style:normal;
  letter-spacing:0;
}
.page-home .advantage-v12-number>span{
  display:block;
  margin-top:19px;
  color:rgba(255,255,255,.66);
  font-family:Arial,Helvetica,sans-serif;
  font-size:9px;
  font-weight:900;
  letter-spacing:.18em;
}
.page-home .advantage-v12-scale>p{
  margin:0;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.18);
  color:rgba(255,255,255,.76);
  font-size:12px;
  font-weight:650;
  line-height:1.9;
}
.page-home .advantage-v12-content{padding:42px 40px 36px}
.page-home .advantage-v12-eyebrow{
  margin:0;
  color:var(--pink);
  font-family:Arial,Helvetica,sans-serif;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
}
.page-home .advantage-v12-content>h3{
  margin:13px 0 30px;
  color:var(--green-dark);
  font-size:clamp(31px,3.5vw,50px);
  font-weight:900;
  letter-spacing:-.055em;
  line-height:1.16;
}
.page-home .advantage-v12-flow{
  display:grid;
  grid-template-columns:minmax(0,1fr) 28px minmax(0,1fr) 28px minmax(0,1fr);
  gap:0;
  align-items:stretch;
}
.page-home .intelligence-step{
  position:relative;
  display:flex;
  min-height:270px;
  padding:21px 19px 18px;
  overflow:hidden;
  flex-direction:column;
  border:1px solid var(--line);
  background:#fff;
  opacity:0;
  transform:translateY(18px);
  transition:opacity .62s ease,transform .62s ease,border-color .2s ease,box-shadow .2s ease;
}
.page-home .intelligence-step::before{
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:var(--green);
  content:"";
}
.page-home .step-consulting{background:#f4fbf8}
.page-home .step-consulting::before{background:var(--mint-bright)}
.page-home .step-execution{background:#fff9fc}
.page-home .step-execution::before{background:var(--pink)}
.page-home .intelligence-step>span{
  color:var(--pink);
  font-family:Arial,Helvetica,sans-serif;
  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;
}
.page-home .step-consulting>span{color:var(--green)}
.page-home .intelligence-step>strong{
  display:block;
  margin-top:24px;
  color:var(--green-dark);
  font-size:17px;
  line-height:1.5;
}
.page-home .intelligence-step>p{
  margin:13px 0 20px;
  color:var(--muted);
  font-size:11px;
  line-height:1.82;
}
.page-home .step-output{
  display:block;
  margin-top:auto;
  padding-top:15px;
  border-top:1px solid var(--line);
}
.page-home .step-output small{
  display:block;
  color:#8b9692;
  font-family:Arial,Helvetica,sans-serif;
  font-size:7px;
  font-weight:900;
  letter-spacing:.14em;
}
.page-home .step-output b{
  display:block;
  margin-top:5px;
  color:var(--green-dark);
  font-size:12px;
}
.page-home .intelligence-arrow{
  position:relative;
  display:grid;
  place-items:center;
  opacity:0;
  transform:scaleX(.35);
  transition:opacity .5s ease,transform .5s ease;
}
.page-home .intelligence-arrow i{
  position:absolute;
  left:2px;
  right:2px;
  top:50%;
  height:1px;
  background:var(--line);
}
.page-home .intelligence-arrow b{
  position:relative;
  display:grid;
  width:24px;
  height:24px;
  place-items:center;
  border:1px solid var(--line);
  border-radius:50%;
  background:#fff;
  color:var(--pink);
  font-size:13px;
}
.page-home .advantage-v12-feedback{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:18px;
  align-items:center;
  margin-top:18px;
  padding:20px 23px;
  background:var(--green-dark);
  color:#fff;
  opacity:0;
  transform:translateY(14px);
  transition:opacity .62s ease,transform .62s ease;
}
.page-home .feedback-symbol{
  display:grid;
  width:54px;
  height:54px;
  place-items:center;
  border:1px solid rgba(255,255,255,.24);
  border-radius:50%;
  color:var(--mint-bright);
  font-size:30px;
}
.page-home .advantage-v12-feedback small{
  display:block;
  color:var(--mint-bright);
  font-family:Arial,Helvetica,sans-serif;
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
}
.page-home .advantage-v12-feedback strong{
  display:block;
  margin-top:5px;
  font-size:15px;
  line-height:1.55;
}
.page-home .advantage-v12-feedback p{
  margin:5px 0 0;
  color:rgba(255,255,255,.64);
  font-size:10px;
  line-height:1.7;
}
.page-home .advantage-v12-panel.is-visible .step-data{opacity:1;transform:none;transition-delay:.14s}
.page-home .advantage-v12-panel.is-visible .advantage-v12-flow>:nth-child(2){opacity:1;transform:none;transition-delay:.32s}
.page-home .advantage-v12-panel.is-visible .step-consulting{opacity:1;transform:none;transition-delay:.44s}
.page-home .advantage-v12-panel.is-visible .advantage-v12-flow>:nth-child(4){opacity:1;transform:none;transition-delay:.62s}
.page-home .advantage-v12-panel.is-visible .step-execution{opacity:1;transform:none;transition-delay:.74s}
.page-home .advantage-v12-panel.is-visible .advantage-v12-feedback{opacity:1;transform:none;transition-delay:.94s}
.page-home .advantage-v12-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
  margin-top:25px;
}
.page-home .advantage-v12-footer p{
  max-width:760px;
  margin:0;
  color:var(--muted);
  font-size:12px;
  line-height:1.9;
}

/* --------------------------------------------------------------------------
   Mission / perzik X — same intelligence loop, expressed conceptually
   -------------------------------------------------------------------------- */
.page-mission .x-board-v12{
  position:relative;
  min-height:0;
  margin-top:48px;
  padding:38px;
  overflow:hidden;
  border:1px solid var(--line);
  background:#fff;
}
.page-mission .x-board-v12::before{
  left:auto;
  right:-70px;
  top:-42px;
  transform:none;
  color:rgba(25,150,111,.04);
  font-size:420px;
  line-height:1;
}
.page-mission .x-core-v12{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-height:86px;
  padding:20px 24px;
  background:var(--green-dark);
  color:#fff;
}
.page-mission .x-core-v12 small{
  color:var(--mint-bright);
  font-family:Arial,Helvetica,sans-serif;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
}
.page-mission .x-core-v12 strong{
  font-size:clamp(24px,2.7vw,38px);
  line-height:1.25;
  letter-spacing:-.04em;
}
.page-mission .x-flow-v12{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr) 30px minmax(0,1fr);
  margin-top:20px;
  align-items:stretch;
}
.page-mission .x-step-v12{
  position:relative;
  min-height:245px;
  padding:22px 20px 20px;
  border:1px solid var(--line);
  background:rgba(255,255,255,.94);
  opacity:0;
  transform:translateY(16px);
  transition:opacity .58s ease,transform .58s ease;
}
.page-mission .x-step-v12::before{
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:var(--green);
  content:"";
}
.page-mission .x-step-v12.ai-intelligence{background:var(--mint)}
.page-mission .x-step-v12.ai-intelligence::before{background:var(--mint-bright)}
.page-mission .x-step-v12.consulting{background:#fff9fc}
.page-mission .x-step-v12.consulting::before{background:var(--pink)}
.page-mission .x-step-v12.execution::before{background:var(--green-dark)}
.page-mission .x-step-v12>span{
  color:var(--pink);
  font-family:Arial,Helvetica,sans-serif;
  font-size:8px;
  font-weight:900;
  letter-spacing:.11em;
}
.page-mission .x-step-v12.ai-intelligence>span{color:var(--green)}
.page-mission .x-step-v12>strong{
  display:block;
  margin-top:26px;
  color:var(--green-dark);
  font-size:17px;
  line-height:1.48;
}
.page-mission .x-step-v12>p{
  margin:14px 0 0;
  color:var(--muted);
  font-size:11px;
  line-height:1.82;
}
.page-mission .x-connector-v12{
  display:grid;
  place-items:center;
  color:var(--pink);
  opacity:0;
  transform:scaleX(.3);
  transition:opacity .42s ease,transform .42s ease;
}
.page-mission .x-connector-v12 b{
  display:grid;
  width:24px;
  height:24px;
  place-items:center;
  border:1px solid var(--line);
  border-radius:50%;
  background:#fff;
  font-size:13px;
}
.page-mission .x-return-v12{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:54px 1fr;
  gap:17px;
  align-items:center;
  margin-top:18px;
  padding:18px 22px;
  border-left:4px solid var(--pink);
  background:var(--paper);
  opacity:0;
  transform:translateY(12px);
  transition:opacity .58s ease,transform .58s ease;
}
.page-mission .x-return-v12>span{
  display:grid;
  width:46px;
  height:46px;
  place-items:center;
  border-radius:50%;
  background:var(--green-dark);
  color:var(--mint-bright);
  font-size:26px;
}
.page-mission .x-return-v12 small{
  display:block;
  color:var(--pink);
  font-family:Arial,Helvetica,sans-serif;
  font-size:8px;
  font-weight:900;
  letter-spacing:.13em;
}
.page-mission .x-return-v12 strong{
  display:block;
  margin-top:4px;
  color:var(--green-dark);
  font-size:15px;
  line-height:1.55;
}
.page-mission .x-board-v12.visible .x-flow-v12>:nth-child(1){opacity:1;transform:none;transition-delay:.12s}
.page-mission .x-board-v12.visible .x-flow-v12>:nth-child(2){opacity:1;transform:none;transition-delay:.28s}
.page-mission .x-board-v12.visible .x-flow-v12>:nth-child(3){opacity:1;transform:none;transition-delay:.38s}
.page-mission .x-board-v12.visible .x-flow-v12>:nth-child(4){opacity:1;transform:none;transition-delay:.54s}
.page-mission .x-board-v12.visible .x-flow-v12>:nth-child(5){opacity:1;transform:none;transition-delay:.64s}
.page-mission .x-board-v12.visible .x-flow-v12>:nth-child(6){opacity:1;transform:none;transition-delay:.80s}
.page-mission .x-board-v12.visible .x-flow-v12>:nth-child(7){opacity:1;transform:none;transition-delay:.90s}
.page-mission .x-board-v12.visible .x-return-v12{opacity:1;transform:none;transition-delay:1.06s}

/* --------------------------------------------------------------------------
   Company / clear perzik × CS-C brand lockup
   -------------------------------------------------------------------------- */
.page-company .group-v12{background:linear-gradient(180deg,#fff 0%,#f7faf8 100%)}
.page-company .group-lockup-v12{
  display:grid;
  grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);
  margin-top:42px;
  overflow:hidden;
  border:1px solid var(--line);
  background:#fff;
  box-shadow:0 22px 64px rgba(7,60,49,.07);
}
.page-company .group-brand-v12{
  display:flex;
  min-height:245px;
  padding:27px 32px 24px;
  flex-direction:column;
  justify-content:space-between;
}
.page-company .perzik-brand-v12{background:linear-gradient(145deg,#f3faf7,#fff)}
.page-company .csc-brand-v12{background:linear-gradient(145deg,#fff,#fff7f7)}
.page-company .group-brand-v12>small{
  color:var(--green);
  font-family:Arial,Helvetica,sans-serif;
  font-size:8px;
  font-weight:900;
  letter-spacing:.14em;
}
.page-company .csc-brand-v12>small{color:#d9252a}
.page-company .group-logo-stage-v12{
  display:grid;
  min-height:112px;
  place-items:center;
  margin:18px 0;
  padding:18px 26px;
  border:1px solid rgba(7,60,49,.1);
  background:#fff;
}
.page-company .perzik-brand-v12 .group-logo-stage-v12 img{width:min(100%,230px);height:auto}
.page-company .csc-brand-v12 .group-logo-stage-v12 img{width:min(100%,240px);height:auto;filter:none!important}
.page-company .group-brand-v12>p{
  margin:0;
  color:var(--muted);
  font-size:12px;
  font-weight:700;
  line-height:1.75;
}
.page-company .group-cross-v12{
  display:grid;
  place-items:center;
  align-content:center;
  gap:12px;
  background:var(--green-dark);
  color:#fff;
  text-align:center;
}
.page-company .group-cross-v12 b{
  display:grid;
  width:58px;
  height:58px;
  place-items:center;
  border:1px solid rgba(255,255,255,.26);
  border-radius:50%;
  color:var(--pink);
  font-family:Arial,Helvetica,sans-serif;
  font-size:32px;
  line-height:1;
}
.page-company .group-cross-v12 span{
  color:var(--mint-bright);
  font-family:Arial,Helvetica,sans-serif;
  font-size:8px;
  font-weight:900;
  letter-spacing:.15em;
  line-height:1.55;
}
.page-company .group-intelligence-panel-v12{
  grid-template-columns:minmax(300px,.62fr) minmax(0,1.38fr);
  margin-top:18px;
  box-shadow:0 22px 64px rgba(7,60,49,.055);
}
.page-company .group-scale-v12{
  min-height:520px;
  padding:35px 34px 31px;
  background:
    radial-gradient(circle at 90% 10%,rgba(140,230,197,.16),transparent 34%),
    linear-gradient(145deg,#073c31,#075443);
}
.page-company .group-scale-v12::after{content:"6000";right:-30px;bottom:-54px;font-size:148px;transform:rotate(-90deg);transform-origin:right bottom}
.page-company .group-scale-tag-v12{
  position:relative;
  z-index:2;
  color:var(--mint-bright);
  font-family:Arial,Helvetica,sans-serif;
  font-size:9px;
  font-weight:900;
  letter-spacing:.14em;
}
.page-company .group-scale-v12 .group-scale-number p{
  color:#fff;
  font-size:16px;
  font-weight:850;
  line-height:1.55;
}
.page-company .group-scale-note-v12{
  position:relative;
  z-index:2;
  margin:0;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.18);
  color:rgba(255,255,255,.68);
  font-size:11px;
  line-height:1.8;
}
.page-company .group-intelligence-copy-v12{padding:40px 42px 36px}
.page-company .group-intelligence-copy-v12 h3{font-size:clamp(30px,3.4vw,48px)}
.page-company .group-thesis-v12{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  margin:24px 0;
  padding:16px 18px;
  border-left:0;
  background:var(--green-dark);
  color:#fff;
  font-family:Arial,Helvetica,sans-serif;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
}
.page-company .group-thesis-v12 span{padding:5px 8px;border:1px solid rgba(255,255,255,.18)}
.page-company .group-thesis-v12 b{color:var(--pink);font-size:13px}
.page-company .group-pillars-v12{grid-template-columns:repeat(3,1fr)}
.page-company .group-pillars-v12 .group-pillar{min-height:152px}

/* --------------------------------------------------------------------------
   Responsive
   -------------------------------------------------------------------------- */
@media(max-width:1100px){
  .page-home .advantage-v12-head{grid-template-columns:1fr;gap:26px}
  .page-home .advantage-v12-panel{grid-template-columns:1fr}
  .page-home .advantage-v12-scale{min-height:360px}
  .page-home .advantage-v12-content{padding:38px 34px 34px}
  .page-company .group-lockup-v12{grid-template-columns:1fr 110px 1fr}
  .page-company .group-intelligence-panel-v12{grid-template-columns:1fr}
  .page-company .group-scale-v12{min-height:360px}
}
@media(max-width:900px){
  .page-home .advantage-v12-flow{grid-template-columns:1fr;gap:0}
  .page-home .intelligence-step{min-height:0}
  .page-home .intelligence-arrow{height:38px;transform:scaleY(.35)}
  .page-home .intelligence-arrow i{left:50%;right:auto;top:0;bottom:0;width:1px;height:auto}
  .page-home .intelligence-arrow b{transform:rotate(90deg)}
  .page-mission .x-flow-v12{grid-template-columns:1fr 1fr;gap:12px}
  .page-mission .x-connector-v12{display:none}
  .page-company .group-lockup-v12{grid-template-columns:1fr}
  .page-company .group-cross-v12{min-height:94px;grid-template-columns:auto auto;gap:16px}
  .page-company .group-cross-v12 b{width:48px;height:48px;font-size:27px}
  .page-company .group-brand-v12{min-height:210px}
}
@media(max-width:760px){
  .page-home .advantage-v12{padding:80px 0 84px}
  .page-home .advantage-v12-head{margin-bottom:30px}
  .page-home .advantage-v12-head>p{font-size:12px;line-height:1.85}
  .page-home .advantage-v12-scale{min-height:350px;padding:27px 23px 24px}
  .page-home .advantage-v12-scale-label h3{font-size:23px}
  .page-home .advantage-v12-number strong{font-size:91px}
  .page-home .advantage-v12-scale>p{font-size:11px}
  .page-home .advantage-v12-content{padding:29px 22px 25px}
  .page-home .advantage-v12-content>h3{margin-bottom:23px;font-size:33px}
  .page-home .intelligence-step{padding:21px 18px}
  .page-home .intelligence-step>strong{font-size:16px}
  .page-home .advantage-v12-feedback{grid-template-columns:48px 1fr;padding:18px}
  .page-home .feedback-symbol{width:42px;height:42px;font-size:24px}
  .page-home .advantage-v12-footer{align-items:flex-start;flex-direction:column;gap:18px}
  .page-mission .x-board-v12{margin-top:32px;padding:20px}
  .page-mission .x-core-v12{align-items:flex-start;flex-direction:column;gap:6px;min-height:0;padding:19px}
  .page-mission .x-core-v12 strong{font-size:25px}
  .page-mission .x-flow-v12{grid-template-columns:1fr;gap:0}
  .page-mission .x-connector-v12{display:grid;height:38px;transform:scaleY(.3)}
  .page-mission .x-connector-v12 b{transform:rotate(90deg)}
  .page-mission .x-step-v12{min-height:0;padding:21px 18px}
  .page-mission .x-step-v12>strong{margin-top:20px;font-size:16px}
  .page-mission .x-return-v12{grid-template-columns:44px 1fr;padding:17px}
  .page-mission .x-return-v12>span{width:40px;height:40px;font-size:23px}
  .page-company .group-lockup-v12{margin-top:30px}
  .page-company .group-brand-v12{min-height:190px;padding:23px 20px}
  .page-company .group-logo-stage-v12{min-height:96px;padding:16px 22px}
  .page-company .perzik-brand-v12 .group-logo-stage-v12 img{width:185px}
  .page-company .csc-brand-v12 .group-logo-stage-v12 img{width:200px}
  .page-company .group-cross-v12{min-height:78px}
  .page-company .group-scale-v12{min-height:340px;padding:27px 23px 24px}
  .page-company .group-intelligence-copy-v12{padding:29px 22px 25px}
  .page-company .group-intelligence-copy-v12 h3{font-size:32px}
  .page-company .group-thesis-v12{justify-content:flex-start;flex-wrap:wrap;gap:7px}
  .page-company .group-pillars-v12{grid-template-columns:1fr}
}
@media(max-width:480px){
  .page-home .advantage-v12-scale-label h3 br{display:none}
  .page-home .advantage-v12-number strong{font-size:78px}
  .page-home .advantage-v12-content>h3{font-size:30px}
  .page-mission .x-board-v12{padding:14px}
  .page-mission .x-return-v12{grid-template-columns:1fr}
  .page-mission .x-return-v12>span{display:none}
  .page-company .group-thesis-v12 b{transform:rotate(90deg)}
}

@media(prefers-reduced-motion:reduce){
  .page-home .intelligence-step,
  .page-home .intelligence-arrow,
  .page-home .advantage-v12-feedback,
  .page-mission .x-step-v12,
  .page-mission .x-connector-v12,
  .page-mission .x-return-v12{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
  }
}