:root{
  --kp11-brand-dark:#0e449e;--kp11-navy:#092d69;--kp11-ink:#0b285a;--kp11-text:#26385c;
  --kp11-muted:#6d7890;--kp11-soft:#f7faff;--kp11-soft-blue:#eef5ff;--kp11-line:#dbe7f7;--kp11-surface:#fff;
  --kp11-green:#20a866;--kp11-orange:#f0843c;--kp11-red:#df4040;--kp11-radius-lg:16px;--kp11-radius-md:11px;--kp11-shell:1240px;
  --kp11-gutter:36px;--kp11-header-h:78px;--kp11-shadow:0 12px 34px rgba(24,66,125,.07)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--kp11-text);font-family:var(--font-fa);font-synthesis:none;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%;display:block}button,input{font:inherit}bdi{unicode-bidi:isolate;direction:ltr}.shell{width:min(calc(100% - (2 * var(--kp11-gutter))),var(--kp11-shell));margin-inline:auto}


.btn{min-height:48px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 26px;text-decoration:none;font-size:14px;font-weight:800;transition:.18s ease}.btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.btn:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid rgba(32,107,238,.32);outline-offset:3px}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 8px 20px rgba(32,107,238,.18)}.btn-primary:hover{background:#155dd9}.btn-secondary{border:1.5px solid var(--brand);color:var(--brand);background:#fff}.consult-btn{background:#fff;color:#1552aa;min-height:43px;padding-inline:16px;font-size:12px}
.hero{position:relative;isolation:isolate;width:100%;min-height:500px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr;align-content:stretch;gap:22px;row-gap:0;margin:0 0 128px;border:0;border-radius:0;box-shadow:none;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f3f8ff 100%);padding-block:12px 28px;padding-inline:max(var(--kp11-gutter),calc((100% - var(--kp11-shell)) / 2))}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(30deg,transparent 0 46px,rgba(32,107,238,.06) 46px 47px),repeating-linear-gradient(150deg,transparent 0 46px,rgba(32,107,238,.06) 46px 47px),repeating-radial-gradient(ellipse 46% 34% at 36% 54%,transparent 0 70px,rgba(32,107,238,.07) 70px 71px);-webkit-mask-image:radial-gradient(ellipse 75% 95% at 38% 55%,#000 0,rgba(0,0,0,.6) 55%,transparent 100%);mask-image:radial-gradient(ellipse 75% 95% at 38% 55%,#000 0,rgba(0,0,0,.6) 55%,transparent 100%)}
.hero .breadcrumbs{grid-column:1/-1;margin-bottom:6px}
.hero-copy{position:relative;z-index:2;grid-column:1/-1;max-width:600px;align-self:center;text-align:right}
.hero-media{position:absolute;left:0;top:0;bottom:0;width:62%;z-index:0;pointer-events:none}
.hero-media img{position:absolute;left:12.5vw;top:-2%;width:auto;height:104%;max-width:none;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 80%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000 8%,#000 80%,transparent 100%),linear-gradient(180deg,transparent 0,#000 10%,#000 88%,transparent 100%);mask-composite:intersect}
.breadcrumbs{display:flex;align-items:center;gap:9px;font-size:12px;color:#66738b;margin-bottom:24px}.breadcrumbs a{text-decoration:none}.breadcrumbs span{color:#8090aa}.badge{display:inline-block;color:var(--brand);background:#e8f1ff;border-radius:7px;padding:5px 10px;font-size:13px;font-weight:800;margin-bottom:13px}.hero h1{font:800 clamp(52px,4.7vw,68px)/1.02 var(--font-fa);letter-spacing:-.045em;color:#07184b;margin:13px 0 5px;direction:ltr;text-align:right}.hero-intro{max-width:500px;margin:0;color:#35486d;font-size:17px;line-height:1.85;font-weight:520}.hero-actions{display:flex;gap:14px;margin-top:64px}.hero-actions .btn-primary{min-height:54px;padding-inline:26px;border-radius:8px;border:1.5px solid #2382ff;background:#1174f6;box-shadow:0 8px 18px rgba(13,104,235,.22)}.section-card{position:relative;border-radius:var(--kp11-radius-lg);background:linear-gradient(145deg,#fbfdff,#f7faff);overflow:hidden;box-shadow:var(--kp11-shadow);margin-bottom:128px}.section-index{position:absolute;top:14px;right:14px;background:linear-gradient(180deg,#145fc9,#093f9e);color:#fff;border-radius:8px;padding:4px 10px 7px;font:bold 30px/1 Arial,sans-serif;box-shadow:0 8px 16px rgba(15,76,170,.16)}.section-head h2{margin:0;color:#0b3a82;font-size:25px;line-height:1.55}.section-head p{margin:5px 0 0;color:#596987;font-size:13px;line-height:1.85}.section-head.centered{text-align:center}.local-section{min-height:480px;padding:20px 42px 18px}.local-map{height:400px;position:relative;margin-top:4px;display:grid;grid-template-columns:1fr 1.15fr 1fr;grid-template-rows:1fr 1fr;align-items:center}.local-product{grid-column:2;grid-row:1/3;display:grid;place-items:center;z-index:2}.local-product img{width:380px;max-height:290px;object-fit:contain}.interaction{position:relative;z-index:3;display:flex;align-items:flex-start;gap:14px;max-width:310px}.interaction h3{margin:0 0 7px;font-size:18px;font-weight:800;color:#0b285a}.interaction p{margin:0;font-size:13.5px;line-height:1.8;color:#52617b}.observe{grid-column:1;grid-row:1;justify-self:start;color:var(--brand)}.control{grid-column:1;grid-row:2;justify-self:start;color:var(--kp11-orange)}.emergency{grid-column:3;grid-row:1;justify-self:end;color:var(--kp11-red)}.program{grid-column:3;grid-row:2;justify-self:end;color:var(--kp11-green)}.interaction div p{color:#52617b}.node-icon{width:65px;height:65px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:currentColor}.node-icon svg{width:36px;height:36px;fill:#fff;stroke:none}.observe,.control{flex-direction:row-reverse}.badges{display:flex;gap:10px;margin-top:26px}.badges span{background:#edf4ff;color:#1a4f9e;border-radius:999px;padding:7px 14px;font:700 11px/1.2 Arial,sans-serif}
.deploy-section{min-height:330px;padding:22px 38px;display:grid;grid-template-columns:.94fr 1.06fr;gap:36px;align-items:center}.deploy-copy{grid-column:1;display:grid;gap:12px}.deploy-copy .section-head{padding-right:58px}.content-pending{display:inline-block;font-size:10px;color:#b26a00;background:#fff3d7;border-radius:99px;padding:3px 7px;margin-right:5px}.guidance{border-radius:11px;box-shadow:var(--kp11-shadow);padding:14px 18px;display:flex;align-items:center;gap:16px;background:#fff}.guidance span{width:54px;height:54px;display:grid;place-items:center;color:var(--brand);flex:0 0 auto}.guidance svg{width:42px;height:42px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.guidance h3{margin:0 0 5px;font-size:14px;color:#0e438f}.guidance p{margin:0;font-size:11px;line-height:1.8;color:#586884}.guidance.secondary{background:#fffaf6}.guidance.secondary span{color:#2665c8}.deployment-visual{grid-column:2;position:relative;height:280px;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:180px 100px;align-items:start;gap:16px;padding:3px 20px}.endpoint{position:relative;z-index:2;text-align:center;display:grid;justify-items:center}.endpoint img{width:110px;height:92px;object-fit:contain;mix-blend-mode:multiply}.endpoint strong{font-size:13px;color:#164b9b;margin-top:1px}.endpoint small{font-size:10px;color:#4e5f7a;margin-top:3px}.core{grid-column:2;grid-row:2;z-index:2;display:grid;justify-items:center;align-self:end}.core img{width:85px;height:72px;object-fit:contain;mix-blend-mode:multiply}.core strong{font:700 12px Arial,sans-serif;color:#164b9b}.deploy-lines{position:absolute;inset:15px 12px 2px;width:calc(100% - 24px);height:calc(100% - 17px);z-index:1;overflow:visible}.deploy-lines path{fill:none;stroke:#377ee8;stroke-width:1.7;stroke-dasharray:5 4;vector-effect:non-scaling-stroke}
.capabilities-section{min-height:295px;padding:22px 34px;display:grid;grid-template-columns:1.35fr .65fr;gap:28px}.feature-side{grid-column:1;padding-right:48px}.feature-side .section-head{text-align:center;margin-bottom:16px}.feature-side .section-head p{font-weight:800;color:#1b4a90}.feature-band{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.feature{min-height:150px;border-radius:10px;box-shadow:var(--kp11-shadow);background:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 10px 12px}.feature>span{height:48px;color:var(--brand);display:grid;place-items:center}.feature svg{width:38px;height:38px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.feature strong{font-size:12px;color:#164b9b;line-height:1.5}.feature small{font-size:10px;color:#64738e;line-height:1.65;margin-top:5px}.feature em{display:block;font-size:8px;font-style:normal;color:#a66c00}.io-side{grid-column:2;padding:0 6px;display:flex;flex-direction:column;justify-content:center}.io-side>h3{text-align:center;margin:0 0 16px;color:#143f82;font-size:16px}.io-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.io-card strong{font-size:13px}.io-card p{font-size:10px;line-height:1.7;color:#52617c}.io-card.input strong{color:var(--kp11-green)}.io-card.output strong{color:#e36f19}.io-visual,.io-flow{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:11px;direction:ltr}.io-visual img,.io-flow img{width:58px;height:46px;object-fit:contain;mix-blend-mode:multiply}.io-visual .door,.io-flow .device{font-size:38px;color:#6b7b96}.io-visual .arrow,.io-flow>span{color:#333;font:20px Arial,sans-serif}.io-flow b{font:10px Arial,sans-serif;color:#33415b;border:1px solid #cfd9e8;border-radius:4px;padding:5px 6px;background:#fff}
.resources{display:grid;grid-template-columns:1fr 1.35fr;gap:12px;margin-top:0;margin-bottom:14px;direction:ltr}
body .gs-final-cta{margin-top:clamp(40px,5.2vw,88px)}.resources>*{direction:rtl}.resource-box,.consult{border-radius:14px;box-shadow:var(--kp11-shadow);background:#fbfdff;min-height:190px;padding:16px 18px}.resource-box h2,.consult h2{font-size:16px;color:#173d7e;margin:0 0 13px;text-align:center}.doc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;direction:rtl}.doc-grid a{min-width:0;border-radius:9px;box-shadow:0 4px 14px rgba(24,66,125,.08);background:#fff;text-decoration:none;min-height:125px;display:grid;grid-template-rows:auto 1fr auto auto;justify-items:center;text-align:center;padding:12px 5px 8px;color:#184c9a}.doc-icon{font-size:26px}.doc-grid strong{font-size:10px;line-height:1.5;color:#173c7b}.doc-grid small{font:9px Arial,sans-serif;color:#78859a}.download{font:20px Arial,sans-serif;color:var(--brand)}.related-track{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.related-track a{border-radius:9px;box-shadow:0 4px 14px rgba(24,66,125,.08);background:#fff;text-decoration:none;display:grid;justify-items:center;text-align:center;min-width:0;padding:8px 5px 9px}.related-track img{width:76px;height:72px;object-fit:contain;mix-blend-mode:multiply}.related-track strong{font:700 11px Arial,sans-serif;color:#173e82}.related-track small{font-size:9px;color:#687791;line-height:1.4;margin-top:3px}.consult{background:linear-gradient(145deg,#1052b7,#083b91);color:#fff;box-shadow:0 12px 30px rgba(9,45,105,.22);display:flex;flex-direction:column;justify-content:center;padding:18px 22px}.consult h2{color:#fff;font-size:17px;line-height:1.7;text-align:right;margin-bottom:8px}.consult p{font-size:11px;line-height:1.9;color:#e8f0ff;margin:0 0 14px}.consult-btn{background:#fff;color:#1552aa;min-height:43px;padding-inline:16px;font-size:12px}

@media(max-width:1100px){:root{--kp11-shell:1120px;--kp11-gutter:30px}.hero h1{font-size:54px}.hero-intro{font-size:16px;max-width:460px}.hero-actions{margin-top:44px}.local-section{padding-inline:28px}.local-map{grid-template-columns:1fr 1fr 1fr}.deployment-visual{padding-inline:0}.feature-side{padding-right:30px}.resources{grid-template-columns:1fr 1.25fr}.consult{grid-column:1/-1;min-height:140px;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:30px}.consult h2,.consult p{grid-column:1;text-align:right}.consult .btn{grid-column:2;grid-row:1/3;min-width:190px}}
@media(max-width:960px){:root{--kp11-header-h:64px;--kp11-gutter:26px}.hero{min-height:430px}.hero-media{width:58%}.hero-media img{height:98%;left:10vw}.hero .breadcrumbs{margin-bottom:16px}.hero h1{font-size:46px}.hero-intro{font-size:15px}.proofs{margin-top:10px}.deploy-section{grid-template-columns:1fr;padding:24px 28px}.deploy-copy,.deployment-visual{grid-column:1}.deploy-copy{grid-row:1}.deployment-visual{grid-row:2;height:280px}.deploy-copy .section-head{padding-right:52px}.capabilities-section{grid-template-columns:1fr;gap:18px}.feature-side,.io-side{grid-column:1;padding:0}.feature-band{grid-template-columns:repeat(5,1fr)}.io-grid{max-width:700px;margin-inline:auto;width:100%}.section-index{font-size:25px}}

@media(max-width:820px){.hero{display:flex;flex-direction:column;min-height:0;padding-top:24px}.hero .breadcrumbs{order:0;margin-bottom:14px}.hero-copy{grid-column:auto;width:100%;max-width:760px;order:1}.hero-media{position:relative;left:auto;top:auto;bottom:auto;width:100%;height:310px;order:2;pointer-events:auto}.hero-media img{position:relative;left:auto;top:auto;height:auto;width:min(70%,480px);max-height:300px;object-fit:contain;margin-inline:auto;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 100%);mask-image:linear-gradient(180deg,transparent 0,#000 12%,#000 100%)}.hero-actions{margin-top:32px}}
@media(max-width:767px){:root{--kp11-gutter:22px}.hero{margin-bottom:72px;padding-top:14px}.breadcrumbs{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumbs a:nth-of-type(1),.breadcrumbs a:nth-of-type(2),.breadcrumbs span:nth-of-type(1),.breadcrumbs span:nth-of-type(2){display:none}.hero h1{font-size:37px;margin:11px 0 5px}.hero-intro{font-size:14px;line-height:1.7;max-width:none}.hero-actions{margin-top:22px}.desktop-only{display:none}.hero-media{height:270px}.hero-media img{width:min(92%,390px);max-height:260px}.hero-actions{display:grid;grid-template-columns:1fr;gap:9px}.hero-actions .btn{width:100%}.section-card{margin-bottom:72px;border-radius:13px}.local-section{padding:18px 18px 22px}.section-index{top:12px;right:12px;font-size:22px;padding:4px 8px}.section-head.centered{text-align:right;padding-right:48px}.section-head h2{font-size:22px}.section-head p{font-size:12px}.local-map{height:auto;display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:10px;margin-top:10px}.local-product{grid-column:1;grid-row:1}.local-product img{width:220px}.interaction{grid-column:1!important;grid-row:auto!important;justify-self:stretch!important;max-width:none;display:grid;grid-template-columns:45px 1fr;align-items:start;border-top:1px solid #e5edf8;padding-top:12px}.observe{grid-row:2!important}.control{grid-row:3!important}.emergency{grid-row:4!important}.program{grid-row:5!important}.node-icon{width:42px;height:42px}.node-icon svg{width:27px;height:27px}.interaction h3{font-size:15px}.interaction p{font-size:12.5px}.badges{margin-top:10px;flex-wrap:wrap}.deploy-section{padding:18px}.deploy-copy{gap:9px}.deploy-copy .section-head{padding-right:48px}.guidance{padding:12px 13px}.guidance span{width:44px;height:44px}.guidance svg{width:34px;height:34px}.deployment-visual{height:auto;display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:9px;padding:10px 0}.core{grid-column:1;grid-row:1;align-self:auto;border-bottom:1px dashed #b6c9e9;padding-bottom:12px;margin-bottom:4px}.core img{width:90px;height:66px}.endpoint{grid-column:1!important;grid-row:auto!important;display:grid;grid-template-columns:82px 1fr;grid-template-rows:auto auto;justify-items:start;text-align:right;align-items:center;background:#fff;box-shadow:0 4px 14px rgba(24,66,125,.08);border-radius:10px;padding:7px 10px;min-width:0}.endpoint img{grid-row:1/3;width:74px;height:58px}.endpoint strong{font-size:12px}.endpoint small{font-size:10px}.deploy-lines{display:none}.capabilities-section{padding:18px}.feature-side .section-head{text-align:right;padding-right:48px;margin-bottom:12px}.feature-band{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.feature{min-height:128px;padding:13px 7px 9px}.feature:nth-child(5){grid-column:1/-1;min-height:108px}.feature>span{height:40px}.feature svg{width:32px;height:32px}.feature strong{font-size:11px}.io-side{border-top:1px solid #e2eaf5;padding-top:16px}.io-grid{grid-template-columns:1fr;gap:12px}.io-card{box-shadow:0 4px 14px rgba(24,66,125,.08);background:#fff;border-radius:10px;padding:12px}.io-side>h3{text-align:right}.resources{grid-template-columns:1fr;margin-top:0}.resource-box,.consult{min-height:0;padding:15px}.docs{grid-column:1;grid-row:1}.related{grid-column:1;grid-row:2;min-width:0;overflow:hidden}.consult{grid-column:1;grid-row:3;display:flex;min-height:175px}.doc-grid{grid-template-columns:1fr}.doc-grid a{min-height:62px;grid-template-columns:42px 1fr auto 28px;grid-template-rows:1fr;align-items:center;text-align:right;justify-items:start;padding:8px 10px}.doc-icon{font-size:21px}.doc-grid strong{font-size:11px}.download{justify-self:center}.related-track{display:flex;overflow-x:auto;direction:rtl;gap:9px;padding-bottom:5px;scroll-snap-type:x mandatory}.related-track a{flex:0 0 72vw;max-width:250px;min-height:130px;scroll-snap-align:start}.related-track img{width:90px;height:82px}.consult h2{font-size:18px}.consult p{font-size:12px}.consult .btn{width:100%;min-width:0}}
@media(max-width:360px){:root{--kp11-gutter:18px}.hero h1{font-size:33px}.hero-intro{font-size:13px}.section-head h2{font-size:20px}.feature-band{grid-template-columns:1fr}.feature:nth-child(5){grid-column:auto}.feature{min-height:106px}.io-flow{flex-wrap:wrap}.related-track a{flex-basis:78vw}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}



.doc-grid .resource-pending{opacity:.66;cursor:default;position:relative}.doc-grid .resource-pending::after{content:"فایل نهایی در CMS";font-size:9px;color:#8b6a2a;background:#fff4d8;border-radius:999px;padding:3px 7px}.doc-grid .resource-pending .download{display:none}

.doc-icon svg,.download svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.download svg{width:20px;height:20px}

/* Live keypad demo (see js/kp11-local.js) */
.kp-live{position:relative;display:inline-block;line-height:0}
.local-product .kp-live img{display:block;width:380px;max-width:100%;height:auto;max-height:none}
.kp-lcd{position:absolute;left:28.7%;top:25.2%;width:42.8%;height:12%;container-type:inline-size;display:flex;flex-direction:column;justify-content:center;text-align:center;overflow:hidden;font-family:"Courier New",Courier,ui-monospace,monospace;font-weight:700;line-height:1.15;color:#eef6ff;background:#0d2a66;border-radius:1.5px;text-shadow:0 0 1px rgba(255,255,255,.5);transition:background .5s,box-shadow .5s}
.kp-lcd.is-on{background:linear-gradient(180deg,#1f60cc,#1852b4);box-shadow:0 0 12px rgba(32,107,238,.55)}
.kp-lcd:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,20,80,.28) 1px,transparent 1px) 0 0/5% 100%,linear-gradient(180deg,rgba(0,20,80,.22) 1px,transparent 1px) 0 0/100% 50%}
.kp-lcd i{position:relative;font-style:normal;white-space:pre;overflow:hidden;min-height:1.15em;font-size:8.3cqw}
.kp-key{position:absolute;border-radius:999px;background:rgba(32,107,238,.5);box-shadow:0 0 0 2px #206bee,0 0 14px rgba(32,107,238,.85);opacity:0;transition:opacity .35s}
.kp-key.is-lit{opacity:1}
.kp-key[data-key=menu]{left:69.3%;top:62.7%;width:10.9%;height:5.9%}
.kp-key[data-key=k4],.kp-key[data-key=k7]{left:33.5%;width:8%;height:5.9%}
.kp-key[data-key=k6],.kp-key[data-key=k9]{left:54.8%;width:8%;height:5.9%}
.kp-key[data-key=k4],.kp-key[data-key=k6]{top:58.1%}
.kp-key[data-key=k7],.kp-key[data-key=k9]{top:66.9%}
.kp-led{width:4.6%;height:6.1%;border-radius:50%}
.kp-led[data-key^=l]{left:14.7%}
.kp-led[data-key^=r]{left:80.3%}
.kp-led[data-key$="1"]{top:20.4%}
.kp-led[data-key$="2"]{top:27.1%}
.kp-led[data-key$="3"]{top:33.9%}
.kp-led--red{background:rgba(223,64,64,.4);box-shadow:0 0 0 1.5px #df4040,0 0 10px rgba(223,64,64,.9)}
.kp-led--orange{background:rgba(242,140,40,.4);box-shadow:0 0 0 1.5px #f28c28,0 0 10px rgba(242,140,40,.9)}
.kp-led--green{background:rgba(35,170,90,.4);box-shadow:0 0 0 1.5px #23aa5a,0 0 10px rgba(35,170,90,.9)}

.kp-key[data-key=arm]{left:19.4%;top:49.3%;width:8.4%;height:5.9%}
.kp-key[data-key=force]{left:19.4%;top:58.1%;width:8.4%;height:5.9%}
.kp-key[data-key=stay]{left:19.4%;top:66.9%;width:8.4%;height:5.9%}
.kp-key[data-key=off]{left:19.4%;top:75.8%;width:8.4%;height:5.9%}
.kp-key[data-key=k1]{left:33.5%;top:49.3%;width:8%;height:5.9%}
.kp-key[data-key=k3]{left:54.8%;top:49.3%;width:8%;height:5.9%}
.kp-key[data-key=enter]{left:54.8%;top:76.1%;width:8%;height:5.9%}
.node-icon{transition:transform .5s cubic-bezier(.34,1.56,.64,1),box-shadow .5s}
.interaction.is-active .node-icon{transform:scale(1.1);box-shadow:0 0 0 5px color-mix(in srgb,currentColor 20%,transparent)}
.interaction{cursor:pointer;-webkit-tap-highlight-color:transparent}
.interaction:focus-visible{outline:2px solid currentColor;outline-offset:6px;border-radius:12px}
.kp-paths{position:absolute;inset:0;width:100%;height:100%;z-index:4;pointer-events:none;overflow:visible}
.kp-path{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1}
.kp-path.is-drawn{stroke-dashoffset:0;transition:stroke-dashoffset .75s cubic-bezier(.4,0,.2,1)}
.kp-dot{opacity:0;transition:opacity .25s}
.kp-dot.is-on{opacity:1}
@media(max-width:767px){.kp-paths{display:none}.local-product .kp-live img{width:260px}}

.local-section{background:linear-gradient(145deg,#e9f1ff,#dce8fb)}

/* Multi-storey deployment scene (animation driven by .is-playing, see js/kp11-local.js) */
.deploy-section{grid-template-columns:.85fr 1.15fr}
.deployment-visual{height:auto;display:block;padding:0}
.bld-scene{position:relative;aspect-ratio:1100/587;container-type:inline-size}
.bld-img{display:block;width:100%;height:100%}
.bld-panel{position:absolute;left:22.5%;top:71%;width:9%;height:auto;border-radius:3px;box-shadow:0 2px 8px rgba(0,0,0,.35)}
.bld-kp{position:absolute;width:8%;transform:translate(-50%,-50%);z-index:3}
.bld-kp img{display:block;width:100%;height:auto;filter:drop-shadow(0 2px 3px rgba(0,0,0,.35))}
.bk1{left:47.7%;top:77%}.bk2{left:38.6%;top:46.9%}.bk3{left:26.5%;top:16.2%}
.bld-wires{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.bw{fill:none;stroke:#206bee;stroke-width:4;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;filter:drop-shadow(0 0 4px rgba(32,107,238,.9))}
.bld-zone{position:absolute;border-radius:8px;background:rgba(32,107,238,.16);box-shadow:inset 0 0 0 2px rgba(32,107,238,.55);opacity:0;z-index:1}
.bz1{left:5%;top:66%;width:90%;height:32%}.bz2{left:9%;top:33%;width:82%;height:27%}.bz3{left:21%;top:4%;width:60%;height:24%}
.bld-legend{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.bld-legend li{display:grid;gap:2px;padding:9px 12px;border-radius:12px;background:#e3e9f0;border:1px solid transparent;transition:background .4s,border-color .4s}
.bld-legend strong{font-size:14px;font-weight:800;color:#0b285a}
.bld-legend small{font-size:12px;color:#52617b}
.is-playing .bld-kp img{animation:bldWake 12s infinite}
.is-playing .bw{animation:bldWire 12s infinite}
.is-playing .bld-zone{animation:bldZone 12s infinite}
.is-playing .bld-legend li{animation:bldChip 12s infinite}
.is-playing .bld-panel{animation:bldPanel 12s infinite}
.is-playing .bk1 img,.is-playing .bw1,.is-playing .bz1,.is-playing .bld-legend .bl1{animation-delay:0s}
.is-playing .bk2 img,.is-playing .bw2,.is-playing .bz2,.is-playing .bld-legend .bl2{animation-delay:4s}
.is-playing .bk3 img,.is-playing .bw3,.is-playing .bz3,.is-playing .bld-legend .bl3{animation-delay:8s}
@keyframes bldWake{0%{transform:scale(1)}4%,28%{transform:scale(1.35);filter:drop-shadow(0 0 10px #206bee)}33%,100%{transform:scale(1)}}
@keyframes bldWire{0%,4%{stroke-dashoffset:1;opacity:1}16%,29%{stroke-dashoffset:0;opacity:1}33%,100%{stroke-dashoffset:0;opacity:0}}
@keyframes bldZone{0%,8%{opacity:0}14%,28%{opacity:1}33%,100%{opacity:0}}
@keyframes bldChip{0%{background:#e3e9f0;border-color:transparent}4%,28%{background:#dbe8ff;border-color:#206bee}33%,100%{background:#e3e9f0;border-color:transparent}}
@keyframes bldPanel{0%,100%{box-shadow:0 2px 8px rgba(0,0,0,.35)}16%,26%,49%,59%,82%,92%{box-shadow:0 0 0 3px #206bee,0 0 18px rgba(32,107,238,.9)}20%,54%,87%{box-shadow:0 0 0 6px rgba(32,107,238,.6),0 0 26px rgba(32,107,238,.9)}}
@media(max-width:1023px){.deploy-section{grid-template-columns:1fr}}
@media(max-width:767px){.bld-legend{grid-template-columns:1fr}.bld-legend li{grid-template-columns:auto 1fr;align-items:baseline;gap:10px}}
@media(prefers-reduced-motion:reduce){.is-playing *{animation:none!important}}

/* Deployment section: full-width heading, text sizes matched to the local section */
.deploy-section .section-head{grid-column:1/-1;grid-row:1;padding-right:0}
.deploy-section .deploy-copy{grid-row:2}
.deploy-section .deployment-visual{grid-row:2}
.guidance h3,.bld-legend strong{font-size:18px;font-weight:800;color:#0b285a;margin:0 0 5px;line-height:1.5}
.guidance p,.bld-legend small{font-size:13.5px;line-height:1.8;color:#52617b;margin:0}
.bld-legend small{display:block}
@media(max-width:1023px){.deploy-section .deployment-visual{grid-row:3}}
@media(max-width:767px){.guidance h3,.bld-legend strong{font-size:15px}.guidance p,.bld-legend small{font-size:12.5px}}

/* Related products: same tiles as the AV64 page */
.related-section{margin-bottom:0}
.related-section>h2{margin:0 0 24px;font-size:24px;font-weight:850;color:#062d63;text-align:center}
.related-section .rel-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.rel-tile{display:block;text-decoration:none;color:inherit;min-width:0}
.rel-tile__in{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;padding:20px 12px 18px;text-align:center;border-radius:14px;background:#e3e9f0;transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease}
.rel-tile:hover .rel-tile__in{background:#eaf5ff;box-shadow:0 10px 26px rgba(8,58,119,.13);transform:translateY(-2px)}
.rel-tile__img{width:100%;height:130px;display:flex;align-items:center;justify-content:center}
.rel-tile__img img{display:block;max-width:86%;max-height:130px;width:auto;height:auto;object-fit:contain;transition:transform .25s ease}
.rel-tile:hover .rel-tile__img img{transform:scale(1.1)}
.rel-tile strong{margin-top:6px;font-size:16px;font-weight:850;color:#123f70}
.rel-tile small{font-size:14px;font-weight:650;color:#5b7088}
.related-section+.gs-final-cta{margin-top:clamp(40px,4.5vw,64px)}
@media(max-width:1180px){.related-section .rel-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.related-section .rel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rel-tile__img{height:110px}}

/* Key features: standard tile list */
.spec-section{padding:22px 42px 34px}
.spec-list{list-style:none;margin:22px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.spec-list li{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:14px;background:#e3e9f0;transition:background-color .2s ease,box-shadow .2s ease}
.spec-list li:hover{background:#eaf5ff;box-shadow:0 10px 26px rgba(8,58,119,.13)}
.spec-icon{width:54px;height:54px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--brand);transition:transform .25s ease}
.spec-list li:hover .spec-icon{transform:scale(1.1)}
.spec-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.spec-list h3{margin:0 0 4px;font-size:18px;font-weight:800;color:#0b285a;line-height:1.5}
.spec-list p{margin:0;font-size:13.5px;line-height:1.8;color:#52617b}
@media(max-width:767px){.spec-section{padding:18px 18px 22px}.spec-list{grid-template-columns:1fr;gap:10px}.spec-list li{padding:12px 14px;gap:12px}.spec-icon{width:42px;height:42px}.spec-icon svg{width:24px;height:24px}.spec-list h3{font-size:15px}.spec-list p{font-size:12.5px}}

.spec-section{background:linear-gradient(145deg,#fff8ee,#fdecd6)}

.spec-section{background:linear-gradient(145deg,#f8f8f8,#eeeeee)}

.spec-section{background:var(--spec-bg)}