.p-hero{padding:80px 0 88px;position:relative;overflow:hidden}.p-hero .bg-word{font-family:var(--font-archivo),sans-serif;color:#0000;-webkit-text-stroke:1.2px #0068b712;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-2px;font-size:190px;font-weight:900;line-height:1;position:absolute;top:-30px;right:-30px}.p-hero .grid{z-index:2;grid-template-columns:11fr 10fr;align-items:center;gap:76px;display:grid;position:relative}.d-cat{letter-spacing:3.5px;color:var(--zz-blue);text-transform:uppercase;align-items:center;gap:12px;font-size:12px;font-weight:800;display:flex}.d-cat:before{content:"";background:var(--zz-blue);width:36px;height:2px}.p-hero h1{letter-spacing:2px;margin:24px 0 0;font-size:clamp(34px,3.5vw,50px);font-weight:900;line-height:1.25}.p-hero h1 em{color:var(--zz-blue);font-style:normal}.p-hero .lead{color:var(--zz-grey);max-width:560px;margin-top:22px;font-size:15.5px;line-height:2}.p-hero .lead b{color:var(--zz-ink)}.p-selling{grid-template-columns:1fr 1fr;gap:14px;margin-top:34px;display:grid}.sp-cell{border:1px solid var(--zz-line);border-radius:12px;padding:16px 20px;transition:all .3s}.sp-cell:hover{border-color:var(--zz-blue);transform:translateY(-3px)}.sp-cell b{letter-spacing:1px;color:var(--zz-blue-dark);font-size:15px;font-weight:900;display:block}.sp-cell span{color:var(--zz-grey);letter-spacing:.5px;margin-top:5px;font-size:12px;display:block}.p-main{border:1px solid var(--zz-line);background:#f5f9fc;border-radius:16px;justify-content:center;align-items:center;height:400px;padding:36px;display:flex;position:relative}.p-main img{object-fit:contain;filter:drop-shadow(0 20px 30px #003f6e29);max-width:100%;max-height:330px;transition:opacity .3s}.p-thumbs{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px;display:grid}.p-thumbs button{border:1px solid var(--zz-line);cursor:pointer;background:#f5f9fc;border-radius:12px;justify-content:center;align-items:center;height:96px;padding:12px;transition:all .3s;display:flex}.p-thumbs button img{object-fit:contain;max-width:100%;max-height:70px}.p-thumbs button:hover{border-color:var(--zz-blue)}.p-thumbs button.on{border-color:var(--zz-blue);box-shadow:0 8px 22px #0068b724}.specs{background:linear-gradient(#f2f8fd 0%,#e9f3fb 100%);padding:110px 0}.sec-head{justify-content:space-between;align-items:flex-end;margin-bottom:56px;display:flex;position:relative}.sec-head .wm{font-family:var(--font-archivo),sans-serif;color:#0000;-webkit-text-stroke:1.2px #0068b717;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-2px;font-size:130px;font-weight:900;line-height:1;position:absolute;top:-52px;right:0}.sec-head .no{letter-spacing:4px;color:var(--zz-blue);align-items:center;gap:12px;margin-bottom:16px;font-size:12.5px;font-weight:800;display:flex}.sec-head .no:before{content:"";background:var(--zz-blue);width:28px;height:2px}.sec-head h2{letter-spacing:2px;font-size:42px;font-weight:900;line-height:1.2}.model-tabs{flex-wrap:wrap;gap:12px;margin-bottom:36px;display:flex}.mtab{border:1px solid var(--zz-line);letter-spacing:1.5px;color:var(--zz-ink);cursor:pointer;background:#fff;border-radius:999px;padding:12px 30px;font-family:inherit;font-size:14px;font-weight:700;transition:all .3s}.mtab:hover{border-color:var(--zz-blue);color:var(--zz-blue)}.mtab.on{background:var(--zz-blue);border-color:var(--zz-blue);color:#fff}.spec-panel{border:1px solid var(--zz-line);background:#fff;border-radius:16px;grid-template-columns:5fr 7fr;gap:0;display:none;overflow:hidden;box-shadow:0 18px 44px #003f6e14}.spec-panel.on{display:grid}.spec-pic{border-right:1px solid var(--zz-line);background:#fff;justify-content:center;align-items:center;padding:36px;display:flex;position:relative}.spec-pic img{object-fit:contain;filter:drop-shadow(0 16px 26px #003f6e24);max-width:100%;max-height:340px}.spec-pic .mtag{background:var(--zz-blue-bg);color:var(--zz-blue-dark);letter-spacing:2px;padding:7px 16px;font-size:11.5px;font-weight:800;position:absolute;top:20px;left:20px}.spec-table{padding:12px 0}.spec-row{border-bottom:1px dashed var(--zz-line);grid-template-columns:220px 1fr;padding:15px 36px;transition:background .25s;display:grid}.spec-row:last-child{border-bottom:none}.spec-row:hover{background:var(--zz-blue-bg)}.spec-row .k{color:var(--zz-grey);letter-spacing:1px;font-size:13px}.spec-row .v{color:var(--zz-ink);letter-spacing:.5px;font-size:14px;font-weight:700}.scenes{background:#fff;padding:110px 0}.scene-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.scene-card{border:1px solid var(--zz-line);background:#fff;border-radius:14px;grid-template-columns:5fr 6fr;transition:all .35s;display:grid;overflow:hidden}.scene-card:hover{border-color:var(--zz-blue-pale);transform:translateY(-5px);box-shadow:0 18px 44px #003f6e1f}.scene-pic{min-height:190px;position:relative;overflow:hidden}.scene-pic img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.6,.2,1)}.scene-card:hover .scene-pic img{transform:scale(1.06)}.scene-body{flex-direction:column;justify-content:center;padding:24px 28px;display:flex}.scene-body .sc-tag{letter-spacing:2.5px;color:var(--zz-blue);text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:800}.scene-body p{color:var(--zz-grey);font-size:13px;line-height:1.9}.rel-prod{background:#fff;padding:0 0 120px}.rp-grid{grid-template-columns:repeat(4,1fr);gap:26px;display:grid}.rp-card{border:1px solid var(--zz-line);background:#fff;border-radius:14px;transition:all .35s;display:block;overflow:hidden}.rp-card:hover{border-color:var(--zz-blue-pale);transform:translateY(-5px);box-shadow:0 18px 44px #003f6e1f}.rp-pic{background:#f5f9fc;justify-content:center;align-items:center;height:150px;padding:14px;display:flex;overflow:hidden}.rp-pic img{object-fit:contain;max-width:100%;max-height:120px;transition:transform .7s cubic-bezier(.2,.6,.2,1)}.rp-card:hover .rp-pic img{transform:scale(1.06)}.rp-name{letter-spacing:1px;justify-content:space-between;align-items:center;gap:8px;padding:16px 18px;font-size:13.5px;font-weight:700;display:flex}.rp-name .arr{color:var(--zz-blue);transition:transform .3s}.rp-card:hover .rp-name .arr{transform:translate(4px)}.case-nav{border-top:1px solid var(--zz-line);background:#f5f9fc}.case-nav .wrap{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:24px;padding-top:0;padding-bottom:0;display:grid}.cn-item{flex-direction:column;justify-content:center;padding:40px 0;transition:all .3s;display:flex}.cn-item .dir{letter-spacing:3px;color:var(--zz-grey);text-transform:uppercase;margin-bottom:10px;font-size:11.5px}.cn-item .t{letter-spacing:1px;color:var(--zz-ink);font-size:17px;font-weight:900;transition:all .3s}.cn-item:hover .t{color:var(--zz-blue)}.cn-item.next{text-align:right;align-items:flex-end}.cn-back{justify-content:center;align-items:center;margin:24px 0;display:flex}.cn-back a{border:1px solid var(--zz-blue);color:var(--zz-blue);letter-spacing:2px;border-radius:999px;align-items:center;gap:10px;padding:14px 34px;font-size:13px;font-weight:800;transition:all .3s;display:inline-flex}.cn-back a:hover{background:var(--zz-blue);color:#fff}@media (max-width:900px){.p-hero{padding:56px 0 64px}.p-hero .bg-word{font-size:100px;top:-16px;right:-16px}.p-hero .grid{grid-template-columns:1fr;gap:34px}.p-hero h1{letter-spacing:1px;font-size:clamp(26px,7vw,34px)}.p-hero .lead{font-size:14.5px}.p-selling{grid-template-columns:1fr;gap:10px;margin-top:24px}.p-main{height:280px;padding:22px}.p-main img{max-height:220px}.specs{padding:72px 0}.sec-head h2{font-size:28px}.sec-head .wm{font-size:80px;top:-32px}.spec-panel.on{grid-template-columns:1fr}.spec-pic{border-right:none;border-bottom:1px solid var(--zz-line);padding:26px}.spec-pic img{max-height:240px}.spec-row{grid-template-columns:132px 1fr;padding:13px 20px}.scenes{padding:72px 0}.scene-grid{grid-template-columns:1fr;gap:20px}.scene-card{grid-template-columns:1fr}.scene-pic{min-height:170px}.rel-prod{padding-bottom:72px}.rp-grid{grid-template-columns:1fr 1fr;gap:14px}.case-nav .wrap{grid-template-columns:1fr;gap:0}.cn-item{padding:22px 0}.cn-item.next{text-align:left;border-top:1px dashed var(--zz-line);align-items:flex-start}.cn-back{margin:10px 0}}
.p-hero{padding:80px 0 88px;position:relative;overflow:hidden}.p-hero .bg-word{font-family:var(--font-archivo),sans-serif;color:#0000;-webkit-text-stroke:1.2px #0068b712;pointer-events:none;-webkit-user-select:none;user-select:none;letter-spacing:-2px;font-size:190px;font-weight:900;line-height:1;position:absolute;top:-30px;right:-30px}.p-hero .grid{z-index:2;grid-template-columns:11fr 10fr;align-items:center;gap:76px;display:grid;position:relative}.d-cat{letter-spacing:3.5px;color:var(--zz-blue);text-transform:uppercase;align-items:center;gap:12px;font-size:12px;font-weight:800;display:flex}.d-cat:before{content:"";background:var(--zz-blue);width:36px;height:2px}.p-hero h1{letter-spacing:2px;margin:24px 0 0;font-size:clamp(34px,3.5vw,50px);font-weight:900;line-height:1.25}.p-hero h1 em{color:var(--zz-blue);font-style:normal}.p-hero .lead{color:var(--zz-grey);max-width:560px;margin-top:22px;font-size:15.5px;line-height:2}.p-hero .lead b{color:var(--zz-ink)}.chips{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.chips span{letter-spacing:1px;border:1px solid var(--zz-blue-pale);color:var(--zz-blue-dark);background:var(--zz-blue-bg);border-radius:999px;padding:9px 18px;font-size:12.5px;font-weight:700;transition:all .3s}.chips span:hover{background:var(--zz-blue);border-color:var(--zz-blue);color:#fff}.d-pic{position:relative}.d-pic .frame{border-radius:16px;position:relative;overflow:hidden;box-shadow:0 26px 60px #003f6e24}.d-pic .frame:after{content:"";pointer-events:none;background:linear-gradient(#003f6e08,#003f6e1a 90%);position:absolute;inset:0}.d-pic img{object-fit:cover;width:100%;height:420px}.d-pic .pic-tag{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:2.5px;color:var(--zz-blue-dark);text-transform:uppercase;background:#ffffffeb;padding:10px 20px;font-size:11.5px;font-weight:800;position:absolute;top:24px;left:24px;box-shadow:0 8px 26px #012a4a29}.d-pic .chip{z-index:3;border-left:4px solid var(--zz-green);background:#fff;padding:20px 28px;position:absolute;bottom:24px;right:24px;box-shadow:0 20px 60px #012a4a38}.d-pic .chip b{color:var(--zz-green-deep);letter-spacing:-1px;font-size:30px;font-weight:900}.d-pic .chip span{color:var(--zz-grey);letter-spacing:1.5px;margin-top:5px;font-size:12px;display:block}.value{background:#fff;padding:20px 0 110px}.val-grid{border-top:1px solid var(--zz-blue-dark);grid-template-columns:repeat(3,1fr);display:grid}.val-cell{border-right:1px solid var(--zz-line);padding:44px 40px 50px;transition:background .35s;position:relative}.val-cell:last-child{border-right:none}.val-cell:after{content:"";background:var(--zz-blue);transform-origin:0;width:100%;height:3px;transition:transform .35s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.val-cell:hover{background:var(--zz-blue-bg)}.val-cell:hover:after{transform:scaleX(1)}.val-cell .v-idx{font-family:var(--font-archivo),sans-serif;color:#0000;-webkit-text-stroke:1.5px var(--zz-blue-pale);font-size:46px;font-weight:900;line-height:1;transition:all .35s}.val-cell:hover .v-idx{-webkit-text-stroke:1.5px var(--zz-blue)}.val-cell h3{letter-spacing:1.5px;margin:18px 0 6px;font-size:22px;font-weight:900}.val-cell .en{letter-spacing:2.5px;color:var(--zz-grey);text-transform:uppercase;margin-bottom:18px;font-size:11px}.val-cell p{color:var(--zz-grey);font-size:14px;line-height:1.95}.modules{background:linear-gradient(#f2f8fd 0%,#e9f3fb 100%);padding:110px 0}.mod-grid{border-top:1px solid var(--zz-blue-dark);grid-template-columns:1fr 1fr;gap:0;display:grid}.mod{border-bottom:1px solid #cfe2f0;padding:40px 44px 44px;transition:background .35s;position:relative}.mod:nth-child(odd){border-right:1px solid #cfe2f0}.mod:last-child{border-bottom:none}.mod:hover{background:#fff}.mod:after{content:"";background:var(--zz-blue);transform-origin:0;width:100%;height:3px;transition:transform .35s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.mod:hover:after{transform:scaleX(1)}.mod .m-top{align-items:baseline;gap:18px;margin-bottom:16px;display:flex}.mod .m-idx{font-family:var(--font-archivo),sans-serif;color:#0000;-webkit-text-stroke:1.5px var(--zz-blue-pale);font-size:40px;font-weight:900;line-height:1;transition:all .35s}.mod:hover .m-idx{-webkit-text-stroke:1.5px var(--zz-blue)}.mod h3{letter-spacing:1.5px;font-size:21px;font-weight:900}.mod p{color:var(--zz-grey);font-size:14px;line-height:1.95}.mod .m-tag{letter-spacing:2px;color:var(--zz-blue);text-transform:uppercase;margin-top:16px;font-size:11px;font-weight:800;display:inline-block}.mod-cta{background:linear-gradient(150deg,var(--zz-navy-deep),#02508c);color:#fff;flex-direction:column;justify-content:center;display:flex}.mod-cta:hover{background:linear-gradient(150deg,#013658,#02406f)}.mod-cta:after{display:none}.mod-cta h3{color:#fff}.mod-cta p{color:#bcd9f0}.mod-cta .m-idx{-webkit-text-stroke:1.5px #bce5fb66}.mod-cta:hover .m-idx{-webkit-text-stroke:1.5px var(--zz-blue-bright)}.mod-cta .m-tag{color:var(--zz-blue-bright)}.uis{background:#fff;padding:110px 0}.ui-grid{grid-template-columns:repeat(3,1fr);gap:30px;display:grid}.ui-card{border:1px solid var(--zz-line);background:#fff;border-radius:16px;transition:all .35s;overflow:hidden}.ui-card:hover{border-color:var(--zz-blue-pale);transform:translateY(-6px);box-shadow:0 26px 60px #003f6e24}.ui-pic{height:230px;position:relative;overflow:hidden}.ui-pic img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.6,.2,1)}.ui-card:hover .ui-pic img{transform:scale(1.06)}.ui-pic:after{content:"";background:linear-gradient(#0000 60%,#012a4a4d);position:absolute;inset:0}.ui-body{padding:24px 28px 28px}.ui-body .u-tag{letter-spacing:2.5px;color:var(--zz-blue);text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:800}.ui-body h4{letter-spacing:1px;margin-bottom:8px;font-size:18px;font-weight:900}.ui-body p{color:var(--zz-grey);font-size:13px;line-height:1.85}.deploy{background:#fff;padding:0 0 120px}.dep-grid{grid-template-columns:1fr 1fr;gap:30px;display:grid}.dep-card{border:1px solid var(--zz-line);border-radius:16px;padding:46px 44px;transition:all .35s;position:relative;overflow:hidden}.dep-card:hover{transform:translateY(-5px);box-shadow:0 26px 60px #003f6e24}.dep-card.saas{background:linear-gradient(150deg,var(--zz-navy-deep),#02508c);color:#fff;border:none}.dep-card.local{background:var(--zz-blue-bg)}.dep-card .d-tag{letter-spacing:3px;text-transform:uppercase;margin-bottom:16px;font-size:11.5px;font-weight:800}.dep-card.saas .d-tag{color:var(--zz-blue-bright)}.dep-card.local .d-tag{color:var(--zz-blue)}.dep-card h4{letter-spacing:1.5px;margin-bottom:14px;font-size:26px;font-weight:900}.dep-card p{font-size:14px;line-height:1.95}.dep-card.saas p{color:#a9c6de}.dep-card.local p{color:var(--zz-grey)}.dep-card ul{margin-top:20px;list-style:none}.dep-card li{align-items:center;gap:10px;padding:8px 0;font-size:13.5px;display:flex}.dep-card.saas li{color:#eaf5fd;border-top:1px solid #bce5fb2e}.dep-card.local li{color:var(--zz-ink);border-top:1px dashed var(--zz-line)}.dep-card li:before{content:"✓";border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:900;display:inline-flex}.dep-card.saas li:before{color:var(--zz-blue-bright);background:#0097e133}.dep-card.local li:before{color:var(--zz-blue);background:#fff}.rel-prod{background:#fff;padding:0 0 120px}.rp-grid{grid-template-columns:repeat(4,1fr);gap:26px;display:grid}.rp-card{border:1px solid var(--zz-line);background:#fff;border-radius:14px;transition:all .35s;display:block;overflow:hidden}.rp-card:hover{border-color:var(--zz-blue-pale);transform:translateY(-5px);box-shadow:0 18px 44px #003f6e1f}.rp-pic{background:#f5f9fc;justify-content:center;align-items:center;height:150px;padding:14px;display:flex;overflow:hidden}.rp-pic img{object-fit:contain;max-width:100%;max-height:120px;transition:transform .7s cubic-bezier(.2,.6,.2,1)}.rp-card:hover .rp-pic img{transform:scale(1.06)}.rp-name{letter-spacing:1px;justify-content:space-between;align-items:center;gap:8px;padding:16px 18px;font-size:13.5px;font-weight:700;display:flex}.rp-name .arr{color:var(--zz-blue);transition:transform .3s}.rp-card:hover .rp-name .arr{transform:translate(4px)}.case-nav{border-top:1px solid var(--zz-line);background:#f5f9fc}.case-nav .wrap{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:24px;padding-top:0;padding-bottom:0;display:grid}.cn-item{flex-direction:column;justify-content:center;padding:40px 0;transition:all .3s;display:flex}.cn-item .dir{letter-spacing:3px;color:var(--zz-grey);text-transform:uppercase;margin-bottom:10px;font-size:11.5px}.cn-item .t{letter-spacing:1px;color:var(--zz-ink);font-size:17px;font-weight:900;transition:all .3s}.cn-item:hover .t{color:var(--zz-blue)}.cn-item.next{text-align:right;align-items:flex-end}.cn-back{justify-content:center;align-items:center;margin:24px 0;display:flex}.cn-back a{border:1px solid var(--zz-blue);color:var(--zz-blue);letter-spacing:2px;border-radius:999px;align-items:center;gap:10px;padding:14px 34px;font-size:13px;font-weight:800;transition:all .3s;display:inline-flex}.cn-back a:hover{background:var(--zz-blue);color:#fff}@media (max-width:900px){.p-hero{padding:56px 0 64px}.p-hero .bg-word{font-size:100px;top:-16px;right:-16px}.p-hero .grid{grid-template-columns:1fr;gap:34px}.p-hero h1{letter-spacing:1px;font-size:clamp(26px,7vw,34px)}.p-hero .lead{font-size:14.5px}.d-pic img{height:250px}.d-pic .chip{padding:14px 18px}.d-pic .chip b{font-size:22px}.value{padding-bottom:72px}.val-grid{grid-template-columns:1fr}.val-cell{border-right:none;border-bottom:1px solid var(--zz-line);padding:30px 26px}.val-cell:last-child{border-bottom:none}.modules{padding:72px 0}.mod-grid{grid-template-columns:1fr}.mod{padding:30px 26px}.mod:nth-child(odd){border-right:none}.uis{padding:72px 0}.ui-grid,.dep-grid{grid-template-columns:1fr;gap:18px}.dep-card{padding:32px 26px}.rel-prod{padding-bottom:72px}.rp-grid{grid-template-columns:1fr 1fr;gap:14px}.case-nav .wrap{grid-template-columns:1fr;gap:0}.cn-item{padding:22px 0}.cn-item.next{text-align:left;border-top:1px dashed var(--zz-line);align-items:flex-start}.cn-back{margin:10px 0}}