/* Second Eye Website v1.21.0 — approved hero redesign + service-accurate iconography */
.hero-v121{
  background:
    radial-gradient(72% 78% at 8% 0%,rgba(113,91,232,.09),transparent 64%),
    radial-gradient(58% 66% at 96% 10%,rgba(37,183,165,.09),transparent 68%),
    linear-gradient(180deg,#fff 0%,#fbfcff 100%);
  border-bottom:1px solid var(--line-1);
}
.hero-v121::before{opacity:.25;mask-image:linear-gradient(to bottom,#000,transparent 76%);-webkit-mask-image:linear-gradient(to bottom,#000,transparent 76%)}
.hero-v121::after{width:520px;height:520px;inset-inline-start:-18%;top:-30%;opacity:.42}
.hero-in-v121{
  grid-template-columns:minmax(0,1.38fr) minmax(350px,.92fr);
  gap:clamp(34px,4.2vw,68px);
  padding-block:clamp(54px,6vw,86px) clamp(44px,5vw,72px);
  align-items:center;
}
.hero-copy-v121{min-width:0;position:relative;z-index:2}
.hero-v121 .eyebrow{margin-bottom:18px}
.hero-title-v121{
  margin:0 0 20px!important;
  max-width:18ch!important;
  font-size:clamp(2.65rem,4.9vw,4.55rem)!important;
  line-height:1.035!important;
  letter-spacing:-.026em;
  text-wrap:balance;
}
.hero-title-line-v121{display:block}
.hero-title-line-v121--soft{color:var(--ink-700)}
.hero-lede-v121{max-width:40rem!important;font-size:clamp(1rem,1.18vw,1.12rem);line-height:1.78}
.hero-services-grid-v121{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
  max-width:760px;
  margin-top:24px;
}
.hero-service-v121{
  display:flex;align-items:center;gap:10px;min-width:0;
  padding:10px 11px;border:1px solid color-mix(in srgb,var(--line-1) 82%,#fff);
  border-radius:14px;background:rgba(255,255,255,.74);
  box-shadow:0 7px 22px rgba(31,43,68,.035);
  color:var(--text);font-size:.78rem;font-weight:800;line-height:1.25;
}
.hero-service-icon-v121{
  width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 34px;
  color:var(--violet-600);background:linear-gradient(145deg,rgba(113,91,232,.09),rgba(37,183,165,.08));
  border:1px solid rgba(113,91,232,.10);
}
.hero-service-icon-v121 .icon{width:20px;height:20px}
.hero-actions-v121{margin-top:25px;gap:12px}
.hero-actions-v121 .btn{min-height:48px}

.hero-art-v121{width:100%;max-width:520px;justify-self:start;min-width:0;order:0!important}
.hero-visual-v121{
  position:relative;min-height:430px;width:100%;overflow:hidden;
  border:1px solid rgba(117,129,156,.2);border-radius:28px;
  background:linear-gradient(150deg,rgba(255,255,255,.88),rgba(247,249,255,.72));
  box-shadow:0 24px 60px rgba(41,51,83,.10),inset 0 1px 0 rgba(255,255,255,.9);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
}
.hero-visual-v121::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(112,128,155,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(112,128,155,.055) 1px,transparent 1px);
  background-size:28px 28px;mask-image:linear-gradient(to bottom,#000 0%,transparent 88%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,transparent 88%);
}
.hero-visual-v121::after{content:"";position:absolute;width:250px;height:250px;border-radius:50%;inset-inline-end:-75px;top:-90px;background:radial-gradient(circle,rgba(35,183,165,.14),transparent 70%);pointer-events:none}
.hero-visual-kicker-v121{
  position:absolute;z-index:4;top:22px;inset-inline-start:24px;display:flex;align-items:center;gap:8px;
  font-family:var(--f-mono);font-size:.7rem;font-weight:800;letter-spacing:.05em;color:var(--text-2)
}
.hero-visual-kicker-v121>span{width:7px;height:7px;border-radius:50%;background:var(--teal-500);box-shadow:0 0 0 5px rgba(35,183,165,.10)}
.hero-link-lines-v121{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.95}
.hero-site-hub-v121{
  position:absolute;z-index:3;left:50%;top:48%;transform:translate(-50%,-50%);
  width:150px;min-height:126px;border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;
  text-align:center;background:linear-gradient(145deg,#172a4d,#273b64);color:#fff;
  box-shadow:0 18px 36px rgba(25,43,79,.22),0 0 0 8px rgba(113,91,232,.055);
}
.hero-site-icon-v121{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;background:rgba(255,255,255,.11);color:#7fe3d3;margin-bottom:9px}
.hero-site-icon-v121 .icon{width:25px;height:25px}
.hero-site-hub-v121 strong{font-size:.91rem}.hero-site-hub-v121 small{margin-top:3px;color:#cdd8e7;font-size:.67rem}
.hero-node-v121{
  position:absolute;z-index:3;display:flex;align-items:center;gap:8px;padding:8px 10px 8px 8px;
  border:1px solid rgba(112,126,153,.18);border-radius:14px;background:rgba(255,255,255,.92);
  box-shadow:0 10px 26px rgba(29,45,75,.08);font-size:.7rem;color:var(--text);white-space:nowrap
}
.hero-node-v121>span{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:var(--surface-2);color:var(--violet-600)}
.hero-node-v121 .icon{width:19px;height:19px}
.hero-node-v121--cctv{left:7%;top:18%}.hero-node-v121--wifi{right:7%;top:18%}.hero-node-v121--network{left:4%;top:49%}.hero-node-v121--fiber{right:4%;top:51%}.hero-node-v121--wireless{right:11%;bottom:18%}
.hero-status-v121{
  position:absolute;z-index:4;bottom:19px;left:18px;right:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px
}
.hero-status-v121 span{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 6px;border:1px solid rgba(35,183,165,.13);border-radius:10px;background:rgba(248,253,252,.92);font-size:.66rem;font-weight:800;color:var(--text-2)}
.hero-status-v121 i{font-style:normal;color:var(--teal-600);font-weight:900}
.hero-trust-v121{
  position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;
  border:1px solid var(--line-1);border-radius:18px 18px 0 0;background:rgba(255,255,255,.84);overflow:hidden;list-style:none
}
.hero-trust-v121 li{min-height:58px;display:flex;align-items:center;justify-content:center;gap:9px;padding:14px 16px;border-inline-start:1px solid var(--line-1);font-size:.78rem;font-weight:800;color:var(--text-2);text-align:center}
.hero-trust-v121 li:first-child{border-inline-start:0}.hero-trust-v121 .icon{width:18px;height:18px;color:var(--teal-600)}

/* Service cards now use service-specific technical symbols rather than generic media/scanner icons. */
.service-card-v120 .iconbox .icon{stroke-width:1.7}

html[dir="ltr"] body.lang-en .hero-v121 .hero-in-v121{grid-template-columns:minmax(0,1.42fr) minmax(350px,.88fr)}
html[dir="ltr"] body.lang-en .hero-v121 .hero-title-v121{
  font-size:clamp(2.25rem,3.55vw,3.3rem)!important;line-height:1.045!important;letter-spacing:-.033em!important;max-width:23ch!important
}
html[dir="ltr"] body.lang-en .hero-v121 .hero-title-line-v121{display:block}
html[dir="ltr"] body.lang-en .hero-v121 .hero-lede-v121{font-size:clamp(.98rem,1.08vw,1.06rem);line-height:1.65;max-width:43rem!important}
html[dir="ltr"] body.lang-en .hero-service-v121{font-size:.74rem;letter-spacing:-.01em}
html[dir="ltr"] body.lang-en .hero-art-v121{justify-self:end}

@media(max-width:1100px){
  .hero-in-v121{grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:30px}
  .hero-services-grid-v121{grid-template-columns:repeat(3,minmax(0,1fr))}
  .hero-visual-v121{min-height:405px}
  html[dir="ltr"] body.lang-en .hero-v121 .hero-in-v121{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr)}
}
@media(max-width:900px){
  .hero-in-v121,html[dir="ltr"] body.lang-en .hero-v121 .hero-in-v121{grid-template-columns:1fr;gap:30px;padding-block:42px 32px}
  .hero-copy-v121{order:0}.hero-art-v121,html[dir="ltr"] body.lang-en .hero-art-v121{order:1!important;justify-self:stretch;max-width:620px;margin-inline:auto}
  .hero-services-grid-v121{grid-template-columns:repeat(4,minmax(0,1fr));max-width:none}
  .hero-title-v121{max-width:19ch!important}
}
@media(max-width:700px){
  .hero-v121 .eyebrow{margin-bottom:14px;font-size:.7rem}
  .hero-title-v121{font-size:clamp(2rem,9.5vw,2.75rem)!important;line-height:1.055!important;max-width:16.5ch!important;margin-bottom:16px!important}
  .hero-lede-v121{font-size:.96rem;line-height:1.7!important}
  .hero-services-grid-v121{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:19px}
  .hero-service-v121{min-height:52px;padding:8px 9px;font-size:.74rem}
  .hero-service-icon-v121{width:31px;height:31px;flex-basis:31px}.hero-service-icon-v121 .icon{width:18px;height:18px}
  .hero-actions-v121{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.hero-actions-v121 .btn{width:100%;padding-inline:10px;font-size:.78rem}
  .hero-visual-v121{min-height:350px;border-radius:22px}.hero-visual-kicker-v121{top:16px;inset-inline-start:17px;font-size:.64rem}
  .hero-site-hub-v121{width:120px;min-height:105px;border-radius:20px}.hero-site-icon-v121{width:38px;height:38px;border-radius:12px;margin-bottom:6px}.hero-site-icon-v121 .icon{width:22px;height:22px}
  .hero-site-hub-v121 strong{font-size:.78rem}.hero-site-hub-v121 small{font-size:.6rem}
  .hero-node-v121{padding:6px 7px 6px 6px;gap:5px;font-size:.61rem;border-radius:11px}.hero-node-v121>span{width:27px;height:27px;border-radius:8px}.hero-node-v121 .icon{width:16px;height:16px}
  .hero-node-v121--cctv{left:3%;top:18%}.hero-node-v121--wifi{right:3%;top:18%}.hero-node-v121--network{left:1%;top:49%}.hero-node-v121--fiber{right:1%;top:50%}.hero-node-v121--wireless{right:5%;bottom:19%}
  .hero-status-v121{left:10px;right:10px;bottom:11px;gap:5px}.hero-status-v121 span{padding:7px 3px;font-size:.57rem}
  .hero-trust-v121{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:16px 16px 0 0}.hero-trust-v121 li{min-height:52px;font-size:.7rem;padding:11px 8px;border-top:1px solid var(--line-1)}.hero-trust-v121 li:nth-child(-n+2){border-top:0}.hero-trust-v121 li:nth-child(odd){border-inline-start:0}
  html[dir="ltr"] body.lang-en .hero-v121 .hero-title-v121{font-size:clamp(1.88rem,8.4vw,2.28rem)!important;line-height:1.045!important;max-width:18ch!important;letter-spacing:-.035em!important}
  html[dir="ltr"] body.lang-en .hero-service-v121{font-size:.68rem}
  html[dir="ltr"] body.lang-en .hero-actions-v121 .btn{font-size:.7rem;line-height:1.15}
}
@media(max-width:390px){
  .hero-title-v121{font-size:2rem!important;max-width:16ch!important}.hero-services-grid-v121{grid-template-columns:1fr 1fr}.hero-service-v121{font-size:.7rem}
  .hero-actions-v121{grid-template-columns:1fr}.hero-visual-v121{min-height:338px}.hero-node-v121 b{max-width:62px;overflow:hidden;text-overflow:ellipsis}
  html[dir="ltr"] body.lang-en .hero-v121 .hero-title-v121{font-size:1.82rem!important;max-width:17ch!important}
}
@media(max-width:700px){
  html[dir="rtl"] .hero-v121 .eyebrow{font-size:clamp(.54rem,2.2vw,.63rem);letter-spacing:0;white-space:nowrap}
  .hero-services-grid-v121 .hero-service-v121:last-child{grid-column:1/-1;width:calc(50% - 4px);justify-self:center}
}