/* New Force 2.1 — a composed hero, clear imagery and purposeful motion. */
.hero-v2{overflow:hidden;background:radial-gradient(ellipse at 90% 35%,#dfebf6 0,transparent 48%),linear-gradient(115deg,#fff 20%,#f3f7fb)}
.hero-v2 .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px;min-height:710px;padding-block:38px}
.hero-v2 .hero-copy{padding-block:0}
.hero-v2 .hero-copy h1{font-size:clamp(48px,4.6vw,68px);line-height:1.055;letter-spacing:-.055em}
.hero-v2 .hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;max-width:430px;margin-top:25px}
.hero-v2 .hero-proof{margin-top:34px}
.hero-v2 .hero-copy .button-row{gap:22px}
.security-showcase{position:relative;isolation:isolate;min-width:0;perspective:1400px}
.showcase-orbit{position:absolute;inset:0 -8% 0 -7%;z-index:-1;border:1px solid #cdddeb;border-radius:50%;transform:rotate(-24deg);pointer-events:none}
.showcase-orbit:before{content:'';position:absolute;inset:7%;border:1px dashed #c9d9e6;border-radius:50%}
.showcase-orbit:after{content:'';position:absolute;left:3.5%;top:27%;width:7px;height:7px;border:5px solid #eef3f8;box-sizing:content-box;background:#c45316;border-radius:50%;box-shadow:0 0 0 1px #d5e1ec}
.showcase-property{position:relative;width:82%;margin-left:auto;background:#fff;border:1px solid #fff;border-radius:15px;overflow:hidden;box-shadow:0 20px 45px #183d5a13;transform:translate3d(calc(var(--tilt-x,0px) * .45),calc(var(--tilt-y,0px) * .45),0);transition:transform .45s ease;animation:showcase-enter .85s both}
.showcase-property>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#e9edf0}
.showcase-bar{display:flex;align-items:center;gap:8px;padding:13px 16px;font-size:8px;font-weight:650;letter-spacing:.1em;color:#53697c}
.showcase-bar>svg{width:15px;height:15px;margin-left:auto;color:#c45316;flex-shrink:0}
.showcase-indicator{width:6px;height:6px;background:#c45316;border-radius:50%;box-shadow:0 0 0 4px #fff0e6;flex-shrink:0}
.showcase-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;font-size:11px;color:#425c72}
.showcase-caption>span:last-child{font-size:8px;letter-spacing:.13em;color:#76899a;white-space:nowrap}
.showcase-solutions{display:grid;grid-template-columns:1.05fr 1fr;gap:13px;position:relative;margin-top:16px;animation:showcase-enter .85s .12s both}
.showcase-camera{display:flex;flex-direction:column;isolation:isolate;background:linear-gradient(145deg,#fff,#edf3f8);border:1px solid #fff;border-radius:13px;box-shadow:0 16px 35px #173c5a0d;min-width:0;padding:15px 16px;transform:translate3d(calc(var(--tilt-x,0px) * -.6),calc(var(--tilt-y,0px) * -.6),0);transition:transform .45s ease,box-shadow .3s,border-color .3s}
.showcase-camera-heading{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:7px;font-weight:650;letter-spacing:.09em;color:#53697c}
.showcase-camera-heading svg{width:14px;height:14px;color:#b74a0d;flex-shrink:0}
.showcase-camera-image{display:grid;place-items:center;flex:1;min-height:122px;padding-block:7px;isolation:isolate}
.showcase-camera-image img{display:block;width:100%;height:auto;max-height:160px;object-fit:contain;mix-blend-mode:normal;filter:drop-shadow(0 12px 9px #173c5a18);transition:transform .45s ease}
.showcase-camera-copy strong{display:block;font-size:16px;letter-spacing:-.03em;line-height:1.3}
.showcase-camera-copy>span{display:block;margin-top:6px;color:#607487;font-size:10px;line-height:1.5}
.showcase-modules{display:grid;gap:11px;grid-template-rows:1fr 1fr}
.showcase-module{display:flex;flex-direction:column;gap:9px;padding:16px 17px;border-radius:12px;min-width:0;border:1px solid #e1e9f0;transition:transform .3s,box-shadow .3s,border-color .3s}
.showcase-monitor{background:#102a40;color:#fff;box-shadow:0 14px 28px #102a4014;border-color:#102a40}
.showcase-access{background:#fff;color:#142c41}
.showcase-module-top{display:flex;align-items:center;gap:8px;font-size:6px;font-weight:600;letter-spacing:.1em}
.showcase-module-top>svg:first-child{width:18px;height:18px;flex-shrink:0;color:#f6a46e}
.showcase-access .showcase-module-top>svg:first-child{color:#bb4a10}
.showcase-module-top>svg:last-child{margin-left:auto;width:12px;height:12px;flex-shrink:0}
.showcase-module-top>span{opacity:.78}
.showcase-module>strong{font-size:19px;font-weight:600;line-height:1.12;letter-spacing:-.025em}
.showcase-module>span:last-child{font-size:10px;line-height:1.5;opacity:.8}
.showcase-note{font-size:9px;line-height:1.5;color:#607487;margin:16px 0 0;text-align:right}
.whatsapp-float{width:54px;height:54px;min-width:0;padding:0;gap:0;border:1px solid #ffffff9c;border-radius:50%;right:22px;bottom:22px;box-shadow:0 6px 22px #103e3325;background:#11845e;overflow:visible}
.whatsapp-float .wa-circle{width:54px;height:54px;display:grid;place-items:center;border:0;background:none;margin:0;padding:13px}
.whatsapp-float .wa-circle img{width:28px;height:28px;object-fit:contain}
.whatsapp-float .wa-tooltip{position:absolute;right:calc(100% + 12px);top:50%;transform:translate(5px,-50%);display:block;padding:9px 13px;background:#102a40;color:#fff;border-radius:7px;white-space:nowrap;font-size:11px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 5px 15px #102a4015}
.whatsapp-float:focus-visible .wa-tooltip{opacity:1;transform:translate(0,-50%)}
.home-hero-visible .whatsapp-float{visibility:hidden}
.gallery-open:focus-visible,.showcase-camera:focus-visible,.showcase-module:focus-visible{outline:3px solid #d86627;outline-offset:4px}
@media(hover:hover) and (pointer:fine){
  .showcase-camera:hover{border-color:#cbdce9;box-shadow:0 20px 40px #173c5a18}
  .showcase-camera:hover img{transform:translateY(-4px) rotate(-2deg)}
  .showcase-module:hover{transform:translateY(-3px);box-shadow:0 15px 25px #102a4015;border-color:#a9bfd1}
  .whatsapp-float:hover .wa-tooltip{opacity:1;transform:translate(0,-50%)}
}
@keyframes showcase-enter{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}
@media(min-width:1440px){.hero-v2 .hero-grid{gap:74px}.showcase-camera-image img{max-height:180px}.showcase-module{padding:18px 20px}.showcase-module>strong{font-size:22px}.showcase-module-top{font-size:7px}.showcase-module>span:last-child{font-size:10px}}
@media(max-width:1100px) and (min-width:761px){.hero-v2 .hero-grid{gap:30px;padding-block:45px;min-height:680px}.hero-v2 .hero-copy h1{font-size:49px}.hero-v2 .hero-copy>p:not(.eyebrow){font-size:13px}.hero-v2 .button-row{align-items:flex-start;flex-direction:column}.showcase-module{padding:13px}.showcase-module-top>span{font-size:5px}.showcase-module>strong{font-size:17px}.showcase-camera{padding:13px}.showcase-camera-heading{font-size:6px}.showcase-camera-copy strong{font-size:14px}.showcase-camera-copy>span{font-size:9px}.showcase-caption{font-size:9px}.showcase-bar{font-size:6px}}
@media(max-width:760px){
  .hero-v2 .hero-grid{grid-template-columns:1fr;gap:42px;min-height:0;padding-block:40px 32px}
  .hero-v2 .hero-copy h1{font-size:clamp(42px,8.4vw,65px);line-height:1.05}
  .hero-v2 .hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;max-width:490px;margin-top:24px}
  .hero-v2 .hero-copy .button-row{gap:20px;flex-wrap:wrap}
  .hero-v2 .hero-copy .button{font-size:11px;padding:15px 17px}
  .hero-v2 .hero-copy .text-link{font-size:11px}
  .hero-v2 .hero-proof{margin-top:28px}
  .security-showcase{max-width:540px;width:100%;margin-inline:auto}
  .showcase-property{width:94%}
  .showcase-solutions{gap:12px;margin-top:14px}
  .showcase-camera{padding:16px}
  .showcase-camera-image{min-height:140px}
  .showcase-camera-image img{max-height:190px}
  .showcase-camera-heading{font-size:7px}
  .showcase-module{padding:16px}
  .showcase-module-top{font-size:6px;gap:6px}
  .showcase-module>strong{font-size:21px}
  .showcase-note{font-size:9px;margin-top:13px}
  .whatsapp-float{width:48px;height:48px;right:16px;bottom:16px}
  .whatsapp-float .wa-circle{width:48px;height:48px;padding:11px}
  .whatsapp-float .wa-circle img{width:26px;height:26px}
  .quick-paths{margin-top:18px}
}
@media(max-width:440px){
  .hero-v2 .hero-grid{gap:35px;padding-top:32px}
  .hero-v2 .hero-copy h1{font-size:44px}
  .hero-v2 .hero-copy>p:not(.eyebrow){font-size:13px}
  .hero-v2 .hero-copy .button-row{gap:17px}
  .hero-v2 .hero-copy .button{font-size:10px;padding-inline:14px;gap:11px}
  .hero-v2 .hero-copy .text-link{font-size:10px;gap:8px}
  .showcase-bar{font-size:6px;padding:12px;gap:7px}
  .showcase-caption{font-size:9px;padding:12px}
  .showcase-caption>span:last-child{font-size:6px}
  .showcase-solutions{grid-template-columns:1fr 1fr;gap:10px}
  .showcase-camera{padding:12px}
  .showcase-camera-heading{font-size:8px;letter-spacing:.03em;line-height:1.4}
  .showcase-camera-image{min-height:132px}
  .showcase-camera-copy strong{font-size:15px}
  .showcase-camera-copy>span{font-size:9px}
  .showcase-modules{gap:10px}
  .showcase-module{padding:13px 12px;gap:8px}
  .showcase-module-top>span{font-size:8px;letter-spacing:0;line-height:1.4}
  .showcase-module-top>svg:first-child{width:16px;height:16px}
  .showcase-module-top>svg:last-child{width:10px;height:10px}
  .showcase-module>strong{font-size:18px}
  .showcase-module>span:last-child{font-size:10px}
  .showcase-note{font-size:8px;text-align:center}
}
@media(max-width:350px){.hero-v2 .hero-copy h1{font-size:38px}.hero-v2 .hero-copy .text-link{font-size:9px}.hero-v2 .hero-copy .button-row{gap:12px}.showcase-camera{padding:10px}.showcase-module{padding:11px}.showcase-module-top>span{display:none}.showcase-module>strong{font-size:17px}.showcase-camera-copy strong{font-size:13px}.showcase-camera-copy>span{font-size:8px}.showcase-camera-heading{font-size:5px}}
@media(prefers-reduced-motion:reduce){.showcase-property,.showcase-solutions{animation:none}.showcase-property,.showcase-camera,.showcase-module,.showcase-camera-image img{transform:none!important;transition:none}.wa-tooltip{transition:none!important}}