/* Product-specific compositions; Zetako tokens and shared motion remain global. */
.zn-page{--zn-green:#81dbbc;--zn-amber:#e6bc78}
.zn-page h1 em{font-style:normal;color:var(--cyan)}
.zn-page h3{font-size:20px;line-height:1.3;letter-spacing:-.02em}
.zn-page p{text-wrap:pretty}
.zn-page .copy{color:var(--muted)}
.zn-hero{background:radial-gradient(ellipse at 82% 30%,#10253280,transparent 55%);border-bottom:1px solid var(--line)}
.zn-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:54px;align-items:center;padding-top:88px;padding-bottom:70px}
.zn-page h1{font-size:clamp(38px,4.3vw,61px);line-height:1.08}
.zn-hero .lead{font-size:17px;max-width:540px;margin:28px 0}
.zn-hero .button{font-size:12px;padding:14px 16px}
.zn-node{margin:0;padding:23px;border:1px solid #366170;border-radius:12px;background:linear-gradient(145deg,#101c25,#0b1016);box-shadow:0 22px 80px #0005}
.zn-node-label{font-size:9px;letter-spacing:.13em;color:#a8bfcb;display:flex;gap:8px;align-items:center}
.zn-dot{display:inline-block;width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px #47d5ff70;flex-shrink:0}
.zn-members{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;margin-top:26px;font-size:9px;color:var(--muted);letter-spacing:.08em}
.zn-wires{display:block;width:100%;height:auto;overflow:visible}
.zn-wires path{stroke:#355362;fill:none;stroke-width:1}
.zn-packet{fill:var(--cyan)}
.zn-core{display:flex;align-items:center;justify-content:center;gap:15px;margin:0 auto 26px}
.zn-core img{width:40px;height:40px;object-fit:contain}
.zn-core strong{display:block;font-size:27px;letter-spacing:.2em;font-weight:600}
.zn-core span{color:var(--muted);font-size:11px}
.zn-node-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.zn-module{border:1px solid #293c4b;background:#101a24;border-radius:5px;padding:14px 11px;min-width:0}
.zn-module-index{display:block;font-family:monospace;font-size:9px;color:#718997;margin-bottom:14px}
.zn-module strong{display:block;font-size:13px;font-weight:500}
.zn-module small{display:block;color:var(--muted);font-size:9px;line-height:1.5;margin-top:5px}
.zn-audit-line{padding:17px 0;margin-top:17px;border-block:1px solid #263b49;color:#b6d6df;font-size:11px;display:flex;gap:7px;align-items:center}
.zn-audit-line>span:last-child{margin-left:auto;color:var(--muted);font-size:9px}
.zn-node figcaption{font-size:9px;color:var(--muted);line-height:1.5;margin-top:14px}
.zn-two{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.zn-layers{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--line)}
.zn-layers>div{position:relative;padding:25px 22px;border-top:2px solid #304454}
.zn-layers>div+div{padding-left:22px;border-left:1px solid var(--line)}
.zn-layers>div>span{font-size:11px;color:var(--cyan);font-family:monospace}
.zn-layers h3{margin:30px 0 10px;font-size:18px}
.zn-layers p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}
.zn-flow{margin:24px 0 0;padding:0;list-style:none}
.zn-flow li{position:relative;padding:17px 20px;border:1px solid #2c3d4c;background:#101922;font-size:14px;line-height:1.5;margin-top:20px;border-radius:4px}
.zn-flow li+li:before{content:'';position:absolute;height:20px;width:1px;background:#3f6170;left:50%;top:-21px}
.zn-tags{display:flex;flex-wrap:wrap;gap:8px}
.zn-tags>span{font-size:12px;color:#bdc9d4;padding:10px 13px;border:1px solid var(--line);background:#0e151d;border-radius:3px}
.zn-external{padding:28px;color:var(--muted)}
.zn-external .zn-flow li{background:transparent;border-color:var(--line)}
.zn-owned{border-color:#3d6978;background:linear-gradient(135deg,#11222c,#0d141b)}
.zn-owned .eyebrow{color:var(--cyan)}
.zn-statement{font-size:clamp(25px,3.3vw,44px);font-weight:500;letter-spacing:-.04em;line-height:1.25;margin:54px 0 0;text-align:center;color:#dce9ed}
.zn-admin-map{border-block:1px solid #36515e;padding:30px;display:grid;grid-template-columns:1fr 1.5fr;gap:36px;align-items:center;background:linear-gradient(90deg,#101e28,#0b1118)}
.zn-admin-core strong{font-size:24px;margin-left:9px;letter-spacing:-.03em}
.zn-admin-core small{display:block;font-size:12px;color:var(--muted);margin-top:10px}
.zn-admin-events{margin-top:30px}
.zn-admin-events .zn-flow{display:flex;gap:20px;margin-top:15px}
.zn-admin-events .zn-flow li{flex:1;padding:14px;font-size:12px;margin:0}
.zn-admin-events .zn-flow li+li:before{height:1px;width:20px;left:-21px;top:50%}
.zn-agents{background:linear-gradient(160deg,#0f1c26 0%,#080d13 62%);border-block:1px solid #203d4a}
.zn-agents .zc-section{border:0}
.zn-agents .zc-section-head{max-width:950px}
.zn-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin:46px 0 0;border-block:1px solid #2b4554;padding:28px 0}
.zn-metrics strong{font-size:56px;letter-spacing:-.06em;font-weight:500;color:var(--cyan);line-height:1.1}
.zn-metrics span{display:block;font-size:12px;color:var(--muted);margin-top:12px}
.zn-authority{margin-top:40px;background:#0a1017}
.zn-policy{display:grid;grid-template-columns:1fr 2fr;gap:25px;align-items:center;border-top:1px solid #22313e;margin-top:23px;padding-top:23px}
.zn-policy>div b{display:inline-block;padding:4px 10px;border:1px solid currentColor;border-radius:3px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--zn-green)}
.zn-policy-ask>div b{color:var(--zn-amber)}
.zn-policy-deny>div b{color:#eeaaa7}
.zn-policy>div span{display:block;margin-top:10px;font-size:13px;color:var(--muted)}
.zn-policy .zn-flow{display:flex;gap:18px;margin:0}
.zn-policy .zn-flow li{flex:1;margin:0;padding:14px 12px;font-size:12px;min-height:65px;display:flex;align-items:center}
.zn-policy .zn-flow li+li:before{width:18px;height:1px;left:-19px;top:50%}
.zn-agent-detail{margin-top:42px;gap:60px}
.zn-domain-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
.zn-domain-grid span{padding:14px 5px;border-bottom:1px solid var(--line);font-size:12px;color:#b6c5d1}
.zn-controls{margin:0}
.zn-controls>div{display:grid;grid-template-columns:75px 1fr;gap:12px;border-top:1px solid var(--line);padding:12px 0;font-size:12px;line-height:1.6}
.zn-controls dt{color:var(--cyan);font-weight:600}
.zn-controls dd{margin:0;color:var(--muted)}
.zn-controls>div:last-child dt{color:#eeaaa7}
.zn-client-map{display:grid;grid-template-columns:1fr .7fr 1.4fr;align-items:center;gap:0}
.zn-client,.zn-internal{padding:30px;border:1px solid #345363;background:#0e1922;border-radius:7px}
.zn-client p:not(.eyebrow),.zn-private p{color:var(--muted);font-size:13px;line-height:1.8}
.zn-bridge{text-align:center;padding:0 12px}
.zn-bridge>span:first-child{font-size:8px;letter-spacing:.1em;color:var(--cyan)}
.zn-bridge strong{display:block;font-size:12px;font-weight:500;margin:10px 0}
.zn-bridge-track{display:block;width:100%;height:2px;background:linear-gradient(90deg,#284957,var(--cyan),#284957);position:relative}
.zn-private{border:1px dashed #3f4a57;margin-top:24px;padding:15px;background:#0b1117}
.zn-private>span{font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:#c6b39b}
.zn-private p{margin:10px 0 0}
.zn-timeline{padding:0;margin:25px 0 0;list-style:none}
.zn-timeline li{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:16px 0;border-top:1px solid #253644;font-size:12px}
.zn-timeline time{color:var(--muted);font-family:monospace}
.zn-timeline small{font-size:9px;color:#7fc5b4}
.zn-evidence{padding:20px}
.zn-evidence .zc-kpi{margin-top:28px}
.zn-export{display:flex;justify-content:space-between;gap:15px;padding:20px 0;border-block:1px solid #315263;margin-top:28px;font-size:14px}
.zn-export span{color:var(--cyan)}
.zn-deploy{display:grid;grid-template-columns:.7fr 1.5fr;border:1px solid var(--line);background:#0d151d}
.zn-deploy-node{padding:34px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;border-right:1px solid var(--line)}
.zn-deploy-node img{width:45px;height:45px;object-fit:contain}
.zn-deploy-node strong{font-size:12px;letter-spacing:.06em}
.zn-deploy-node span{font-size:11px;color:var(--muted)}
.zn-resources{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:35px}
.zn-resources strong,.zn-resources span{display:block;font-size:14px}
.zn-resources span{font-size:12px;color:var(--muted);margin:10px 0 20px}
.zn-resources i{display:block;width:100%;height:3px;background:var(--cyan);transform-origin:left;transform:scaleX(.8)}
.zn-showcase{border:1px solid #324c5b;background:#0d151c;border-radius:8px;overflow:hidden}
.zn-tabs{display:flex;flex-wrap:wrap;gap:0;background:#111c26;border-bottom:1px solid #324c5b;padding:8px}
.zn-tabs a{padding:13px 22px;color:var(--muted);font-size:13px;border-radius:4px}
.zn-tabs a[aria-selected=true]{color:var(--cyan);background:#1b3442}
.zn-shot{margin:0;padding:20px}
.zn-shot[hidden]{display:none}
.zn-shot img{display:block;width:100%;height:auto;aspect-ratio:700/455;object-fit:contain;background:#080c11}
.zn-shot figcaption{display:flex;align-items:center;gap:20px;padding:20px 0 0;line-height:1.6;font-size:12px}
.zn-shot figcaption strong{font-size:14px}
.zn-shot figcaption span{color:var(--muted)}
.zn-shot figcaption a{margin-left:auto;white-space:nowrap;color:var(--cyan)}
.zn-video{display:grid;grid-template-columns:.75fr 1.25fr;gap:44px;align-items:center;margin-top:65px;scroll-margin-top:100px}
.zn-video .video-frame{margin:0}
.zn-video video{display:block;width:100%}
.zn-demo{background:radial-gradient(ellipse at right,#10263166,transparent 65%)}
.zn-demo .zc-section-head{margin-bottom:25px}
.zn-usecases{display:grid;grid-template-columns:1fr 1fr;gap:0 55px}
.zn-usecases>div{padding:24px 0;border-top:1px solid var(--line)}
.zn-usecases h3{font-size:19px;margin:0 0 12px}
.zn-usecases p{color:var(--muted);font-size:14px;margin:0}
.zn-final .zc-section-head{max-width:850px}
.zn-related{display:flex;flex-wrap:wrap;gap:22px;margin-top:40px;font-size:12px;color:var(--muted)}
/* Seven-second cycles: progression, readable hold, quiet reset. Paused by shared viewport control. */
.zn-page .zc-motion-ready .zn-packet{animation:zn-packet 7s ease-in-out infinite}
.zn-page .zc-motion-ready .zn-module,.zn-page .zc-motion-ready.zn-layers>div,.zn-page .zc-motion-ready .zn-flow li,.zn-page .zc-motion-ready .zn-timeline li{animation:zn-highlight 7s ease-in-out infinite;animation-delay:calc(var(--i,0)*.32s)}
.zn-page .zc-motion-ready .zn-resources i{animation:zn-grow 7s ease-in-out infinite;animation-delay:calc(var(--i,0)*.3s)}
.zn-page .zc-motion-ready .zn-bridge-track{animation:zn-bridge 7s ease-in-out infinite}
.zn-page .zc-motion-ready .zn-policy{animation:zn-policy 21s ease-in-out infinite;animation-delay:calc(var(--scenario)*7s)}
.zn-page .zc-motion-ready .zn-policy .zn-flow li{animation:zn-authority-step 21s ease-in-out infinite;animation-delay:calc(var(--scenario)*7s + var(--i,0)*.8s)}
.zn-page .zc-motion-ready .zn-policy-deny .zn-flow li{animation:none}
@keyframes zn-authority-step{0%,30%,100%{border-color:#293c4b;background:#101922}8%,24%{border-color:#427587;background:#122630}}
@keyframes zn-highlight{0%,10%,100%{border-color:#293c4b;background-color:#101922}35%,75%{border-color:#427587;background-color:#122630}}
@keyframes zn-packet{0%,10%{transform:translateY(-25px);opacity:.3}42%,80%{transform:translateY(28px);opacity:1}100%{transform:translateY(-25px);opacity:.3}}
@keyframes zn-grow{0%,10%,100%{transform:scaleX(.3);opacity:.5}42%,85%{transform:scaleX(.85);opacity:1}}
@keyframes zn-bridge{0%,10%,100%{opacity:.3}40%,85%{opacity:1}}
@keyframes zn-policy{0%,33%,100%{background:transparent}8%,28%{background:#14232d}}
@media(min-width:1600px){.zn-hero-grid{padding-top:105px;padding-bottom:90px}}
@media(max-width:1000px){.zn-hero-grid{gap:30px;grid-template-columns:1fr 1fr}
.zn-node{padding:17px}
.zn-node-grid{grid-template-columns:repeat(2,1fr)}
.zn-module-index{margin-bottom:8px}
.zn-layers h3{font-size:16px}
.zn-policy{grid-template-columns:.7fr 1.5fr}
.zn-metrics{gap:18px}
.zn-client-map{grid-template-columns:1fr .6fr 1.2fr}
.zn-client,.zn-internal{padding:20px}
.zn-admin-events .zn-flow{flex-direction:column}
.zn-admin-events .zn-flow li+li:before{height:20px;width:1px;left:50%;top:-21px}}
@media(max-width:760px){.zn-hero-grid{grid-template-columns:1fr;padding-top:50px;padding-bottom:42px;gap:40px}
.zn-page h1{font-size:clamp(38px,7.5vw,55px)}
.zn-hero .lead{max-width:620px}
.zn-node-grid{grid-template-columns:repeat(3,1fr)}
.zn-node{padding:24px}
.zn-layers{grid-template-columns:1fr}
.zn-layers>div,.zn-layers>div+div{padding:20px 16px;border-left:0;display:grid;grid-template-columns:30px 120px 1fr;gap:12px;align-items:center;border-top:1px solid var(--line)}
.zn-layers h3{margin:0}
.zn-two{grid-template-columns:1fr}
.zn-admin-map{grid-template-columns:1fr;padding:24px;gap:24px}
.zn-admin-events{gap:30px}
.zn-admin-events .zn-flow{flex-direction:row}
.zn-admin-events .zn-flow li+li:before{height:1px;width:20px;left:-21px;top:50%}
.zn-policy{grid-template-columns:1fr;gap:18px}
.zn-policy>div{display:flex;align-items:center;gap:14px}
.zn-policy>div span{margin:0}
.zn-agent-detail{gap:30px}
.zn-metrics{grid-template-columns:1fr 1fr;gap:28px}
.zn-client-map{grid-template-columns:1fr;gap:0}
.zn-bridge{padding:22px}
.zn-bridge-track{width:2px;height:35px;margin:auto}
.zn-client,.zn-internal{padding:24px}
.zn-evidence{padding:15px 0}
.zn-deploy{grid-template-columns:1fr}
.zn-deploy-node{border-right:0;border-bottom:1px solid var(--line)}
.zn-video{grid-template-columns:1fr;gap:20px;margin-top:40px}
.zn-shot{padding:10px}
.zn-shot figcaption{flex-wrap:wrap;gap:8px;padding:15px 5px 5px}
.zn-shot figcaption span{flex-basis:100%;order:2}
.zn-tabs a{padding:11px 16px}
.zn-usecases{grid-template-columns:1fr}
.zn-statement{margin-top:38px}
.zn-related{gap:17px}
.zn-authority .zc-figure-top{flex-wrap:wrap}}
@media(max-width:430px){.zn-page .zc-section{padding-top:55px;padding-bottom:55px}
.zn-node{padding:17px}
.zn-node-grid{grid-template-columns:repeat(2,1fr)}
.zn-node-label{font-size:8px}
.zn-audit-line{flex-wrap:wrap}
.zn-audit-line>span:last-child{margin-left:0}
.zn-layers>div,.zn-layers>div+div{grid-template-columns:25px 1fr}
.zn-layers p{grid-column:2}
.zn-page .zc-diagram{padding:20px}
.zn-admin-events .zn-flow{flex-direction:column}
.zn-admin-events .zn-flow li+li:before{height:20px;width:1px;left:50%;top:-21px}
.zn-policy .zn-flow{gap:9px}
.zn-policy .zn-flow li{padding:11px 8px;font-size:10px;min-height:68px}
.zn-policy .zn-flow li+li:before{width:9px;left:-10px}
.zn-metrics strong{font-size:48px}
.zn-timeline li{grid-template-columns:40px 1fr;gap:8px}
.zn-timeline small{display:none}
.zn-resources{padding:24px;gap:22px}
.zn-domain-grid{grid-template-columns:1fr 1fr}
.zn-hero .actions{align-items:stretch;flex-direction:column}
.zn-hero .button{text-align:center;justify-content:center}
.zn-final .actions{align-items:stretch;flex-direction:column}
.zn-tabs a{font-size:12px;padding:10px 14px}}
.zn-page section[id]{scroll-margin-top:95px}
.zn-shot img{aspect-ratio:16/9}
.zn-hero .button span,.zn-demo .button span{margin-left:8px}
.zn-shot img{aspect-ratio:8/5}