/* INDEVO V27 — Homepage refinement
   Premium asymmetric projects + focused 4-process technology theatre.
   Loaded only on index.html in SK/EN/DE. */

/* ---------- Selected projects: 1 hero + 2 supporting cards ---------- */
body[data-page="index"] .proof-section{
  background:linear-gradient(180deg,#f5f8f9 0%,#eef3f5 100%);
}
body[data-page="index"] .proof-grid{
  display:grid;
  grid-template-columns:minmax(0,1.36fr) minmax(320px,.82fr);
  grid-template-rows:repeat(2,minmax(255px,1fr));
  gap:16px;
  min-height:680px;
}
body[data-page="index"] .proof-item{
  min-height:0;
  height:100%;
  isolation:isolate;
  background:#061923;
  border-color:rgba(5,42,58,.16);
  transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .45s ease,border-color .45s ease;
}
body[data-page="index"] .proof-item.p1{grid-column:1;grid-row:1 / span 2}
body[data-page="index"] .proof-item.p2{grid-column:2;grid-row:1}
body[data-page="index"] .proof-item.p3{grid-column:2;grid-row:2}
body[data-page="index"] .proof-item .photo-slot{
  position:absolute;inset:0;width:100%;height:100%;
  background-position:center;background-size:cover;
  transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .7s ease;
}
body[data-page="index"] .proof-item.p1 .photo-slot{background-position:center 44%}
body[data-page="index"] .proof-item.p2 .photo-slot{background-position:center 48%}
body[data-page="index"] .proof-item.p3 .photo-slot{background-position:center 48%}
body[data-page="index"] .proof-item::after{
  background:
    linear-gradient(180deg,rgba(2,12,18,.04) 12%,rgba(2,12,18,.15) 44%,rgba(2,12,18,.94) 100%),
    linear-gradient(90deg,rgba(1,13,20,.34),transparent 48%);
}
body[data-page="index"] .proof-item::before{
  border-color:rgba(255,255,255,.13);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),inset 0 0 0 1px rgba(20,185,235,.035);
}
body[data-page="index"] .proof-item:hover{
  transform:translateY(-5px);
  border-color:rgba(24,191,242,.40);
  box-shadow:0 30px 80px rgba(3,25,35,.24),0 0 0 1px rgba(24,191,242,.08);
}
body[data-page="index"] .proof-item:hover .photo-slot{transform:scale(1.035);filter:saturate(.98) contrast(1.08) brightness(1.01)}
body[data-page="index"] .proof-item>div:last-child{
  left:34px;right:34px;bottom:30px;z-index:4;
  display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:22px;
}
body[data-page="index"] .proof-item>div:last-child>span,
body[data-page="index"] .proof-item>div:last-child>h3,
body[data-page="index"] .proof-item>div:last-child>p{grid-column:1}
body[data-page="index"] .proof-item>div:last-child>em{grid-column:2;grid-row:1 / span 3;align-self:end}
body[data-page="index"] .proof-item>div:last-child>span{
  color:#35c9f6;font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:8px;
}
body[data-page="index"] .proof-item h3{
  margin:0 0 10px;color:#fff;line-height:1.02;letter-spacing:-.035em;
}
body[data-page="index"] .proof-item.p1 h3{font-size:clamp(42px,4.2vw,68px);max-width:11ch}
body[data-page="index"] .proof-item.p2 h3,
body[data-page="index"] .proof-item.p3 h3{font-size:clamp(28px,2.35vw,40px);max-width:13ch}
body[data-page="index"] .proof-item p{
  color:rgba(227,240,245,.78);font-size:12px;line-height:1.55;max-width:58ch;margin:0;
}
body[data-page="index"] .proof-item.p2 p,
body[data-page="index"] .proof-item.p3 p{
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-width:46ch;
}
body[data-page="index"] .proof-item em{
  width:44px;height:44px;border-radius:13px;background:rgba(4,24,34,.52);backdrop-filter:blur(8px);
  border-color:rgba(54,204,248,.55);color:#eefdff;font-size:18px;
}
body[data-page="index"] .proof-item:hover em{background:#22bfe9;color:#03141c;border-color:#22bfe9;transform:translate(2px,-2px)}

/* ---------- Technology theatre: only 4 true interactions ---------- */
body[data-page="index"] .technology-section{
  position:relative;
  background:
    radial-gradient(circle at 74% 6%,rgba(24,191,242,.105),transparent 25%),
    linear-gradient(180deg,#03131c 0%,#041923 58%,#03131b 100%);
}
body[data-page="index"] .tech-theatre{
  display:grid;grid-template-columns:minmax(0,2.15fr) minmax(300px,.72fr);gap:16px;
  align-items:stretch;
}
body[data-page="index"] .tech-stage{
  min-height:580px;border-radius:24px;overflow:hidden;
  border:1px solid rgba(102,210,244,.20);
  box-shadow:0 36px 100px rgba(0,0,0,.36),inset 0 1px 0 rgba(255,255,255,.06);
}
body[data-page="index"] .tech-stage .photo-slot{
  position:absolute;inset:0;width:100%;height:100%;background-position:center;background-size:cover;
  transition:opacity .25s ease,transform .8s cubic-bezier(.2,.75,.2,1),filter .6s ease;
}
body[data-page="index"] .tech-stage:hover .photo-slot{transform:scale(1.025);filter:saturate(.98) contrast(1.07)}
body[data-page="index"] .tech-stage::after{
  background:
    linear-gradient(180deg,rgba(2,12,18,.06) 15%,rgba(2,12,18,.18) 52%,rgba(2,12,18,.95) 100%),
    linear-gradient(90deg,rgba(0,12,18,.20),transparent 45%);
}
body[data-page="index"] .tech-caption{left:30px;right:30px;bottom:28px;z-index:5}
body[data-page="index"] .tech-caption span{
  color:#36caf5;font-size:10px;font-weight:800;letter-spacing:.08em;
}
body[data-page="index"] .tech-caption h3{
  color:#fff;font-size:clamp(42px,4.6vw,70px);line-height:.98;letter-spacing:-.045em;margin:10px 0 14px;
}
body[data-page="index"] .tech-caption p{
  color:#c8dbe2;font-size:12px;line-height:1.55;letter-spacing:.01em;
}
body[data-page="index"] .tech-index{
  display:grid;grid-template-rows:repeat(4,1fr);border-radius:24px;
  background:rgba(4,24,34,.70);border:1px solid rgba(118,210,240,.14);
  box-shadow:0 26px 80px rgba(0,0,0,.23);backdrop-filter:blur(14px);
}
body[data-page="index"] .tech-index-item{
  position:relative;display:grid;grid-template-columns:30px 1fr 34px;align-items:center;gap:10px;
  min-height:0;padding:22px 18px;border:0;border-bottom:1px solid rgba(255,255,255,.085);
  background:transparent;color:#edf7fa;cursor:pointer;transition:background .28s ease,color .28s ease,box-shadow .28s ease;
}
body[data-page="index"] .tech-index-item:last-child{border-bottom:0}
body[data-page="index"] .tech-index-item span{color:#48c8ee;font-size:9px;font-weight:800}
body[data-page="index"] .tech-index-item b{font-size:17px;letter-spacing:-.02em}
body[data-page="index"] .tech-index-item em{
  width:30px;height:30px;display:grid;place-items:center;border-radius:9px;border:1px solid rgba(54,202,245,.34);
  color:#def7ff;font-style:normal;transition:.28s ease;
}
body[data-page="index"] .tech-index-item:hover{
  background:rgba(17,66,84,.42);color:#fff;
}
body[data-page="index"] .tech-index-item.active{
  background:linear-gradient(105deg,rgba(13,55,72,.96),rgba(6,35,48,.96));
  color:#fff;box-shadow:inset 3px 0 0 #21c4f1,inset 0 1px 0 rgba(255,255,255,.04);
}
body[data-page="index"] .tech-index-item.active span{color:#66dcff}
body[data-page="index"] .tech-index-item.active em{background:#1fc1ed;border-color:#1fc1ed;color:#04151d}
body[data-page="index"] .tech-index-item:focus-visible{outline:2px solid #36caf5;outline-offset:-3px}

body[data-page="index"] .tech-footer{
  display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;padding:18px 20px;
  border:1px solid rgba(255,255,255,.095);border-radius:16px;background:rgba(255,255,255,.025);
}
body[data-page="index"] .tech-footer p{margin:0;color:#93adb7;font-size:12px;line-height:1.55;max-width:72ch}
body[data-page="index"] .tech-footer a{
  flex:none;display:inline-flex;align-items:center;gap:12px;color:#f3fbfd;font-weight:750;font-size:12px;
  padding:11px 14px;border:1px solid rgba(51,198,241,.35);border-radius:10px;background:rgba(24,191,242,.06);
  transition:.28s ease;
}
body[data-page="index"] .tech-footer a:hover{background:#22bfe9;color:#03141c;border-color:#22bfe9;transform:translateY(-2px)}

/* Small polish: better spacing between homepage chapters */
body[data-page="index"] .proof-section .editorial-head{margin-bottom:30px}
body[data-page="index"] .technology-section .editorial-head{margin-bottom:30px}

@media(max-width:1000px){
  body[data-page="index"] .proof-grid{grid-template-columns:1.15fr .85fr;min-height:620px}
  body[data-page="index"] .tech-theatre{grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr)}
  body[data-page="index"] .tech-stage{min-height:520px}
}

@media(max-width:760px){
  body[data-page="index"] .proof-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto;min-height:0;gap:12px}
  body[data-page="index"] .proof-item.p1,body[data-page="index"] .proof-item.p2,body[data-page="index"] .proof-item.p3{grid-column:1;grid-row:auto;min-height:0;aspect-ratio:1.18}
  body[data-page="index"] .proof-item.p2,body[data-page="index"] .proof-item.p3{aspect-ratio:1.42}
  body[data-page="index"] .proof-item>div:last-child{left:22px;right:20px;bottom:20px}
  body[data-page="index"] .proof-item.p1 h3{font-size:clamp(34px,11vw,48px)}
  body[data-page="index"] .proof-item.p2 h3,body[data-page="index"] .proof-item.p3 h3{font-size:30px}
  body[data-page="index"] .proof-item p{font-size:11px}

  body[data-page="index"] .tech-theatre{grid-template-columns:1fr;gap:12px}
  body[data-page="index"] .tech-stage{min-height:0;aspect-ratio:1.03;border-radius:18px}
  body[data-page="index"] .tech-caption{left:20px;right:20px;bottom:18px}
  body[data-page="index"] .tech-caption h3{font-size:clamp(38px,12vw,52px)}
  body[data-page="index"] .tech-index{grid-template-rows:none;grid-template-columns:repeat(2,1fr);border-radius:18px;overflow:hidden}
  body[data-page="index"] .tech-index-item{min-height:86px;padding:16px 14px;grid-template-columns:24px 1fr 28px;border-right:1px solid rgba(255,255,255,.08)}
  body[data-page="index"] .tech-index-item:nth-child(2){border-right:0}
  body[data-page="index"] .tech-index-item:nth-child(3){border-bottom:0}
  body[data-page="index"] .tech-index-item b{font-size:14px}
  body[data-page="index"] .tech-index-item em{width:27px;height:27px}
  body[data-page="index"] .tech-footer{align-items:flex-start;flex-direction:column;padding:16px}
}

@media(max-width:430px){
  body[data-page="index"] .proof-item.p1,body[data-page="index"] .proof-item.p2,body[data-page="index"] .proof-item.p3{aspect-ratio:1/1.08}
  body[data-page="index"] .proof-item p{display:none!important}
  body[data-page="index"] .proof-item>div:last-child{grid-template-columns:1fr 38px}
  body[data-page="index"] .proof-item em{width:38px;height:38px;border-radius:11px}
  body[data-page="index"] .tech-stage{aspect-ratio:.92}
  body[data-page="index"] .tech-index{grid-template-columns:1fr}
  body[data-page="index"] .tech-index-item{min-height:68px;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
  body[data-page="index"] .tech-index-item:last-child{border-bottom:0!important}
}

@media(prefers-reduced-motion:reduce){
  body[data-page="index"] .proof-item,body[data-page="index"] .proof-item .photo-slot,
  body[data-page="index"] .tech-stage .photo-slot,body[data-page="index"] .tech-index-item,
  body[data-page="index"] .tech-footer a{transition:none!important}
}