/*  Zandino 3.6.25 — consolidated production CSS; generated from modular sources  */
:root{--z36-bg:#071426;--z36-bg2:#0a1d38;--z36-ink:#071426;--z36-primary:#367cf6;--z36-deep:#020b98;--z36-light:#f4f7ff;--z36-white:#fff;--z36-muted:#8697b7;--z36-border:rgba(101,160,255,.22);--z36-radius:26px;--z36-ease:cubic-bezier(.22,.68,.18,1);--z36-shadow:0 30px 80px rgba(3,13,35,.18);--z36-header:78px}
*{box-sizing:border-box}
html{scroll-behavior:auto;overflow-x:hidden;overflow-x:clip}
body{margin:0;background:var(--z36-bg);color:var(--z36-white);font-family:var(--z36-font);overflow-x:hidden;overflow-x:clip;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
body.admin-bar{--z36-admin:32px}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
button,input,textarea,select{font:inherit}
button,a,select{touch-action:manipulation}
.z36-hp{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.z36-btn:focus-visible,.z36-nav a:focus-visible,.z36-header-cta:focus-visible,.z36-menu-toggle:focus-visible,.z36-mobile-panel a:focus-visible,.z36-mobile-panel button:focus-visible,.z36-about-node:focus-visible,.z36-service-orbit .node:focus-visible{outline:2px solid #75b2ff;outline-offset:3px}
.z36-form input:focus-visible,.z36-form select:focus-visible,.z36-form textarea:focus-visible{outline:2px solid rgba(54,124,246,.5);outline-offset:2px}
.z36-container{width:min(1280px,calc(100% - 64px));margin-inline:auto}
.z36-section,.z36-inner-section{position:relative;padding:120px 0}
.z36-inner-main{background:#f3f6fd;color:var(--z36-ink)}
.z36-btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:0 23px;border-radius:15px;font-size:14px;font-weight:800;transition:transform .3s var(--z36-ease),box-shadow .3s,border-color .3s,background .3s}
.z36-btn i{font-style:normal;font-size:18px}
.z36-btn--solid{background:linear-gradient(135deg,#4b8fff,#2a63ef);box-shadow:0 16px 42px rgba(54,124,246,.28)}
.z36-btn--solid:hover{box-shadow:0 20px 50px rgba(54,124,246,.38)}
.z36-btn--ghost{border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.035)}
.z36-btn--light{background:#fff;color:#071426;box-shadow:0 18px 48px rgba(0,0,0,.16)}
.z36-tags{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0}
.z36-tags i{font-style:normal;font-size:11px;letter-spacing:.03em;border:1px solid currentColor;border-color:rgba(104,159,255,.26);padding:8px 11px;border-radius:999px;color:#9cb9ef}
.z36-kicker{display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.08em;color:#9db8e7}
.z36-kicker i{width:7px;height:7px;border-radius:50%;background:#53a2ff;box-shadow:0 0 18px #53a2ff}
.z36-kicker b{margin-inline-start:auto;color:#6380b1;font-weight:600}
.z36-scroll-rail{position:fixed;z-index:80;right:18px;top:50%;height:160px;width:18px;transform:translateY(-50%);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:10px}
.z36-scroll-rail:before{content:"";position:absolute;top:25px;bottom:25px;width:1px;background:rgba(95,146,230,.24)}
.z36-scroll-rail span{position:absolute;top:25px;bottom:25px;width:1px;background:#3e8aff;transform-origin:top;transform:scaleY(0)}
.z36-scroll-rail b{margin-top:auto;font-size:9px;color:#5e89cf;font-weight:700;background:#071426;padding:4px}
.z36-header{position:fixed;z-index:100;top:calc(var(--z36-admin,0px) + 14px);left:0;right:0;pointer-events:none;transition:transform .35s var(--z36-ease)}
.z36-header-inner{pointer-events:auto;width:min(1300px,calc(100% - 48px));height:64px;margin:auto;padding:0 14px 0 10px;border:1px solid rgba(94,151,255,.24);border-radius:19px;background:rgba(5,18,38,.7);backdrop-filter:blur(18px) saturate(140%);display:flex;align-items:center;gap:24px;box-shadow:0 10px 45px rgba(1,10,26,.14)}
.z36-header.is-scrolled .z36-header-inner{background:rgba(5,18,38,.88)}
.z36-brand{display:flex;align-items:center;gap:10px;min-width:190px}
.z36-brand img{width:36px;height:36px;object-fit:contain}
.z36-brand span{display:grid}
.z36-brand b{font-size:16px;letter-spacing:.08em;line-height:1}
.z36-brand small{font-size:7px;letter-spacing:.16em;color:#8ca7d6;margin-top:4px}
.z36-brand-custom img{display:block;width:auto;height:38px;max-height:38px;object-fit:contain}
.z36-nav{flex:1}
.z36-nav>ul{display:flex;align-items:center;justify-content:center;gap:26px;list-style:none;padding:0;margin:0}
.z36-nav a{font-size:13px;color:#b6c4dd;position:relative;transition:color .25s}
.z36-nav a:after{content:"";position:absolute;right:0;left:100%;bottom:-9px;height:1px;background:#4a92ff;transition:left .25s var(--z36-ease)}
.z36-nav a:hover,.z36-nav .current-menu-item>a{color:#fff}
.z36-nav a:hover:after,.z36-nav .current-menu-item>a:after{left:0}
.z36-header-cta{height:42px;padding:0 16px;border-radius:12px;background:#367cf6;display:flex;gap:10px;align-items:center;font-weight:800;font-size:12px}
.z36-header-cta i{font-style:normal}
.z36-menu-toggle{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:transparent;padding:0}
.z36-menu-toggle span{display:block;width:18px;height:1px;background:#fff;margin:5px auto}
.z36-mobile-menu{position:fixed;inset:0;background:rgba(2,10,24,.78);backdrop-filter:blur(15px);opacity:0;visibility:hidden;transition:.35s;pointer-events:auto}
.z36-mobile-menu.is-open{opacity:1;visibility:visible}
.z36-mobile-panel{position:absolute;inset:12px;border:1px solid rgba(108,164,255,.25);border-radius:25px;background:#071426;padding:24px;display:flex;flex-direction:column}
.z36-mobile-head{display:flex;justify-content:space-between;align-items:center;color:#7896c9;font-size:11px}
.z36-mobile-head button{border:0;background:#122847;color:#fff;width:40px;height:40px;border-radius:12px;font-size:23px}
.z36-mobile-panel>ul{list-style:none;padding:30px 0;margin:0;display:grid;gap:6px}
.z36-mobile-panel>ul a{display:flex;padding:15px 5px;font-size:24px;font-weight:900;border-bottom:1px solid rgba(255,255,255,.06)}
.z36-mobile-foot{margin-top:auto;display:grid;gap:16px}
.z36-mobile-foot>a:last-child{font-size:12px;color:#819ecc}
.z36-hero{padding:145px 0 80px;position:relative;overflow:hidden;background:radial-gradient(circle at 70% 35%,rgba(45,105,218,.22),transparent 34%),radial-gradient(circle at 18% 65%,rgba(25,91,214,.13),transparent 30%),linear-gradient(180deg,#06142a,#071629 65%,#08172b)}
.z36-hero-grid,.z36-page-grid,.z36-404-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(74,130,220,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(74,130,220,.075) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 90%)}
.z36-hero-glow{position:absolute;width:580px;height:580px;border-radius:50%;background:#1b6cff;filter:blur(120px);left:16%;top:10%}
.z36-hero-layout{display:grid;grid-template-columns:1fr .95fr;gap:70px;align-items:center;position:relative;z-index:2}
.z36-hero-copy h1{font-size:clamp(46px,6vw,84px);line-height:1.08;margin:28px 0 24px;letter-spacing:-.045em}
.z36-hero-copy h1 span{display:block;color:#fff}
.z36-hero-copy h1 strong{display:block;color:#57a5ff;font-weight:950}
.z36-hero-copy>p{font-size:16px;line-height:2.05;color:#a7b7d2;max-width:670px;margin:0}
.z36-hero-actions{display:flex;gap:10px;margin-top:30px}
.z36-hero-proof{display:flex;align-items:center;gap:18px;margin-top:42px}
.z36-hero-proof>div{display:flex;align-items:baseline;gap:8px}
.z36-hero-proof b{font-size:24px}
.z36-hero-proof span{font-size:10px;color:#758fb8}
.z36-hero-proof>i{height:26px;width:1px;background:rgba(255,255,255,.12)}
.z36-reactor{height:560px;position:relative;display:grid;place-items:center;transform-style:preserve-3d}
.z36-reactor:before{content:"";position:absolute;width:66%;height:66%;border-radius:50%;background:radial-gradient(circle,rgba(59,127,249,.2),rgba(59,127,249,.02) 52%,transparent 68%);filter:blur(1px)}
.z36-reactor-orbit{position:absolute;border:1px solid rgba(73,139,255,.31);border-radius:50%;animation:z36Spin 25s linear infinite}
.z36-reactor-orbit:before,.z36-reactor-orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#55a6ff;box-shadow:0 0 18px #3c8eff}
.z36-reactor-orbit.o1{width:270px;height:270px}
.z36-reactor-orbit.o1:before{top:10%;left:12%}
.z36-reactor-orbit.o2{width:390px;height:390px;animation-direction:reverse;animation-duration:33s;border-style:dashed}
.z36-reactor-orbit.o2:after{right:8%;bottom:23%}
.z36-reactor-orbit.o3{width:500px;height:500px;animation-duration:45s;opacity:.46}
.z36-reactor-axis{position:absolute;background:linear-gradient(90deg,transparent,rgba(85,147,255,.28),transparent)}
.z36-reactor-axis.x{width:100%;height:1px}
.z36-reactor-axis.y{width:1px;height:100%;background:linear-gradient(transparent,rgba(85,147,255,.28),transparent)}
.z36-reactor-core{position:relative;width:146px;height:146px;border-radius:38px;background:linear-gradient(145deg,rgba(69,132,255,.18),rgba(4,22,52,.75));border:1px solid rgba(99,158,255,.33);display:grid;place-items:center;z-index:2}
.z36-reactor-core span{position:absolute;inset:12px;border:1px solid rgba(87,154,255,.18);border-radius:29px}
.z36-reactor-core img{width:86px;filter:drop-shadow(0 16px 26px rgba(8,57,180,.3))}
.z36-reactor-node{position:absolute;min-width:126px;padding:12px 14px;border-radius:13px;border:1px solid rgba(98,154,255,.22);background:rgba(7,24,53,.74);backdrop-filter:blur(10px);display:grid;gap:3px}
.z36-reactor-node small{font-size:8px;letter-spacing:.12em;color:#7395ca}
.z36-reactor-node b{font-size:18px}
.z36-reactor-node.n1{top:74px;right:5px}
.z36-reactor-node.n2{top:165px;left:0}
.z36-reactor-node.n3{bottom:106px;right:26px}
.z36-reactor-node.n4{bottom:65px;left:34px}
.z36-reactor-caption{position:absolute;bottom:0;display:flex;gap:10px;align-items:center;font-size:9px;color:#7090c2;letter-spacing:.1em}
.z36-reactor-caption i{width:26px;height:1px;background:#315e9d}
.z36-scroll-cue{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;font-size:9px;color:#6f8dbb;letter-spacing:.12em}
.z36-scroll-cue i{font-style:normal;font-size:16px;animation:z36Bob 1.8s ease-in-out infinite}
.z36-ticker,.z36-tech-ticker{overflow:hidden;background:#367cf6;color:#fff;border-block:1px solid rgba(255,255,255,.12)}
.z36-ticker>div,.z36-tech-ticker>div{display:flex;width:max-content;gap:24px;align-items:center;padding:15px 0;animation:z36Ticker 32s linear infinite}
.z36-ticker span,.z36-tech-ticker span{font-size:12px;font-weight:900;letter-spacing:.08em}
.z36-ticker i,.z36-tech-ticker i{font-style:normal;opacity:.65}
.z36-story{background:#071426;position:relative;padding:110px 0 80px}
.z36-story-layout{display:grid;grid-template-columns:1.08fr .92fr;align-items:start}
.z36-story-visual-wrap{position:sticky}
.z36-story-visual{height:100%;border:1px solid rgba(86,148,255,.22);border-radius:30px;position:relative;overflow:hidden;isolation:isolate}
.z36-scene-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(77,135,230,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(77,135,230,.065) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 94%)}
.z36-scene-head{position:absolute;top:24px;right:26px;left:26px;display:flex;justify-content:space-between;align-items:center;z-index:6}
.z36-scene-head span{font-size:9px;color:#6f91c8;letter-spacing:.1em}
.z36-scene-head b{font-size:12px}
.z36-command-panel{position:absolute;left:7%;top:15%;width:64%;height:56%;border-radius:22px;border:1px solid rgba(90,153,255,.24);background:rgba(9,32,68,.76);backdrop-filter:blur(8px);padding:17px;transition:transform .9s var(--z36-ease),opacity .7s var(--z36-ease);z-index:2}
.z36-command-panel header{display:flex;justify-content:space-between;align-items:center;font-size:8px;color:#6f8dbd}
.z36-command-panel header span{display:flex;gap:7px;align-items:center}
.z36-command-panel header i{width:6px;height:6px;background:#4bd48a;border-radius:50%;box-shadow:0 0 9px #4bd48a}
.z36-command-chart{height:66%;margin-top:12px;border-radius:15px;background:rgba(2,15,35,.42);position:relative;overflow:hidden}
.z36-command-chart .meta{position:absolute;top:16px;right:16px;z-index:2;display:grid}
.z36-command-chart small{font-size:7px;color:#7195cc}
.z36-command-chart strong{font-size:28px;margin-top:3px}
.z36-command-chart svg{position:absolute;inset:32px 10px 8px;width:calc(100% - 20px);height:calc(100% - 40px);overflow:visible}
.z36-command-chart .area{fill:rgba(61,139,255,.1)}
.z36-command-chart .stroke{fill:none;stroke:#53a7ff;stroke-width:3;filter:drop-shadow(0 0 8px rgba(83,167,255,.55));stroke-linecap:round}
.z36-command-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}
.z36-command-metrics div{padding:10px;border-radius:11px;background:#0b254b;border:1px solid rgba(95,153,246,.14);display:flex;justify-content:space-between;align-items:center}
.z36-command-metrics small{font-size:7px;color:#7795c4}
.z36-command-metrics b{font-size:12px}
.z36-launch-stage{position:absolute;right:5%;bottom:8%;width:34%;height:52%;display:grid;place-items:end center;z-index:4;transition:transform .95s var(--z36-ease)}
.z36-launch-rings{position:absolute;bottom:0;width:100%;aspect-ratio:1.8/1}
.z36-launch-rings i{position:absolute;left:50%;bottom:5%;transform:translateX(-50%);border:1px solid rgba(81,150,255,.3);border-radius:50%;width:100%;height:48%}
.z36-launch-rings i:nth-child(2){width:72%;height:35%}
.z36-launch-rings i:nth-child(3){width:43%;height:23%;box-shadow:0 0 30px rgba(49,127,255,.3)}
.z36-rocket{height:66%;width:auto;position:relative;z-index:2;filter:drop-shadow(0 20px 25px rgba(0,0,0,.25));transition:transform .95s var(--z36-ease)}
.z36-flame{height:70px;width:28px;position:absolute;bottom:-5px;z-index:1;filter:blur(.4px);transition:transform .6s,opacity .6s}
.z36-flame i{display:block;width:100%;height:100%;background:linear-gradient(#fff,#5eb3ff 25%,#2678ff 58%,transparent);clip-path:polygon(50% 100%,0 0,100% 0);filter:drop-shadow(0 0 14px #3d8dff);animation:z36Flame 1s ease-in-out infinite}
.z36-scene-card{position:absolute;padding:11px 13px;border-radius:12px;background:rgba(5,22,47,.88);border:1px solid rgba(95,153,250,.22);display:grid;gap:2px;z-index:5;transition:transform .8s var(--z36-ease),opacity .7s}
.z36-scene-card small{font-size:7px;color:#6e91c8}
.z36-scene-card b{font-size:10px}
.z36-scene-card span{font-size:8px;color:#5da3ff}
.z36-scene-card.card-a{right:7%;top:22%}
.z36-scene-card.card-b{left:8%;bottom:18%}
.z36-scene-card.card-c{left:12%;top:42%}
.z36-story-visual[data-scene="0"] .z36-command-panel{transform:translate3d(-2%,2%,0) scale(.96)}
.z36-story-visual[data-scene="0"] .z36-launch-stage{transform:translateY(10px) scale(.9)}
.z36-story-visual[data-scene="1"] .z36-command-panel{transform:translate3d(4%,-2%,0) scale(1.02)}
.z36-story-visual[data-scene="1"] .z36-launch-stage{transform:translate3d(0,-13%,0) scale(1.03)}
.z36-story-visual[data-scene="1"] .z36-scene-card.card-a{transform:translateY(-14px)}
.z36-story-visual[data-scene="2"] .z36-command-panel{transform:translate3d(-4%,-4%,0) scale(.94);opacity:.75}
.z36-story-visual[data-scene="2"] .z36-launch-stage{transform:translate3d(0,-28%,0) scale(1.08)}
.z36-story-visual[data-scene="2"] .z36-rocket{transform:translateY(-14px)}
.z36-story-visual[data-scene="2"] .z36-flame{transform:scaleY(1.4)}
.z36-story-visual[data-scene="2"] .z36-scene-card.card-b{transform:translate(-10px,-16px)}
.z36-story-steps{display:grid}
.z36-story-step{display:flex;flex-direction:column;justify-content:center;padding:80px 0}
.z36-story-step>span{font-size:10px;color:#5a94e7;letter-spacing:.12em}
.z36-story-step h2{font-size:clamp(36px,4.2vw,60px);line-height:1.2;margin:15px 0 20px}
.z36-story-step h2 b{color:#4d9cff}
.z36-story-step p{font-size:15px;line-height:2;color:#9cafcc;max-width:540px;margin:0}
.z36-section-head,.z36-projects-head,.z36-blog-head{display:grid;grid-template-columns:1fr .65fr;gap:50px;align-items:end;margin-bottom:55px}
.z36-section-head>div>span,.z36-projects-head span,.z36-blog-head span,.z36-proof-head>span,.z36-process-copy>span,.z36-inner-head>span{font-size:10px;letter-spacing:.12em;color:#437cd3}
.z36-section-head h2,.z36-projects-head h2,.z36-blog-head h2,.z36-proof-head h2,.z36-process-copy h2,.z36-inner-head h2{font-size:clamp(38px,4.5vw,64px);line-height:1.15;margin:12px 0 0}
.z36-section-head h2 b,.z36-projects-head h2 b,.z36-blog-head h2 b,.z36-proof-head h2 b,.z36-process-copy h2 b,.z36-inner-head h2 b{color:#367cf6}
.z36-section-head>p,.z36-proof-head>p{max-width:500px;line-height:2;color:#71829d;margin:0}
.z36-capabilities{background:#f3f6fd;color:#071426}
.z36-cap-layout{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:repeat(3,230px);gap:16px}
.z36-cap-card{position:relative;border:1px solid #dce5f4;border-radius:24px;background:rgba(255,255,255,.75);padding:25px;display:flex;flex-direction:column;isolation:isolate}
.z36-cap-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(67,130,244,.16),transparent 34%);opacity:0;transition:opacity .3s;z-index:-1}
.z36-cap-card:hover:before{opacity:1}
.z36-cap-card:hover{transform:translateY(-5px);box-shadow:0 22px 60px rgba(30,69,131,.12);border-color:#c3d7f7}
.z36-cap-card .num{font-size:9px;color:#7e92b0}
.z36-cap-card .icon{width:44px;height:44px;border-radius:13px;background:#edf3ff;color:#2c6ee9;display:grid;place-items:center;margin:14px 0}
.z36-cap-card .icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.z36-cap-card h3{font-size:22px;margin:0 0 10px}
.z36-cap-card p{font-size:13px;line-height:1.85;color:#71809a;margin:0;max-width:340px}
.z36-cap-card .arrow{position:absolute;left:20px;bottom:18px;font-size:18px;font-style:normal;color:#2d6fdc}
.z36-cap-card--1{grid-row:1/3;padding:30px;background:#0a1c37;color:#fff;border-color:#1e416d}
.z36-cap-card--1 p{color:#98acd0}
.z36-cap-card--1 .icon{background:#102b58;color:#69adff}
.z36-cap-card--2{grid-column:2}
.z36-cap-card--3{grid-column:3}
.z36-cap-card--4{grid-column:2}
.z36-cap-card--5{grid-column:3}
.z36-cap-card--6{grid-column:1;grid-row:3}
.z36-cap-core{grid-column:2/4;grid-row:3;position:relative;border-radius:24px;background:linear-gradient(135deg,#367cf6,#154ccf);overflow:hidden;display:grid;place-items:center;color:white}
.z36-cap-core>div{z-index:2;text-align:center}
.z36-cap-core img{width:52px;display:block;margin:0 auto 8px;filter:brightness(0) invert(1)}
.z36-cap-core span{font-size:9px;letter-spacing:.14em}
.z36-cap-core>i{position:absolute;border:1px solid rgba(255,255,255,.22);border-radius:50%;width:130px;height:130px}
.z36-cap-core>i:nth-of-type(2){width:240px;height:240px}
.z36-cap-core>i:nth-of-type(3){width:370px;height:370px}
.z36-cap-browser{position:absolute;right:32px;left:32px;bottom:28px;height:135px;border:1px solid rgba(110,166,255,.2);border-radius:15px;background:#071327;overflow:hidden}
.z36-cap-browser header{height:25px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;gap:4px;padding:10px}
.z36-cap-browser header i{width:5px;height:5px;background:#426ba5;border-radius:50%}
.z36-cap-browser .viewport{padding:15px}
.z36-cap-browser .viewport b{display:block;width:48%;height:13px;background:#508fff;border-radius:6px}
.z36-cap-browser .viewport span{display:block;width:78%;height:5px;background:#2e466a;border-radius:5px;margin-top:9px}
.z36-cap-browser .viewport span:nth-child(3){width:55%}
.z36-cap-browser .viewport em{display:block;width:68px;height:22px;background:#fff;border-radius:7px;margin-top:14px}
.z36-web-lab{padding:130px 0;background:linear-gradient(145deg,#126df2,#274fd7);position:relative;overflow:hidden}
.z36-web-lab:before{content:"";position:absolute;inset:-30%;background:radial-gradient(circle at 28% 30%,rgba(255,255,255,.18),transparent 24%),radial-gradient(circle at 80% 72%,rgba(2,11,152,.28),transparent 27%)}
.z36-web-lab-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:65px;align-items:center;position:relative}
.z36-web-copy>span{font-size:10px;letter-spacing:.12em;color:#d4e6ff}
.z36-web-copy h2{font-size:clamp(42px,4.6vw,65px);line-height:1.15;margin:14px 0 20px}
.z36-web-copy h2 b{color:#fff}
.z36-web-copy p{line-height:2;color:#d5e4ff;max-width:500px}
.z36-web-copy .z36-tags i{color:#fff;border-color:rgba(255,255,255,.25)}
.z36-web-stack{height:560px;position:relative;perspective:1200px}
.z36-browser-window{position:absolute;border:1px solid rgba(255,255,255,.32);border-radius:22px;background:rgba(6,25,62,.76);box-shadow:0 40px 90px rgba(8,32,99,.28);overflow:hidden;transition:transform .5s var(--z36-ease)}
.z36-browser-window header{height:38px;border-bottom:1px solid rgba(255,255,255,.09);display:flex;align-items:center;gap:6px;padding:0 14px}
.z36-browser-window header i{width:7px;height:7px;border-radius:50%;background:#6c8ebf}
.z36-browser-window header small{margin-inline-start:auto;color:#83a5d9;font-size:8px}
.z36-browser-window .viewport{padding:25px}
.z36-browser-window .viewport b{display:block;width:48%;height:35px;border-radius:10px;background:linear-gradient(90deg,#fff,#a9d6ff)}
.z36-browser-window .viewport span{display:block;width:70%;height:7px;border-radius:5px;background:#2b548c;margin-top:15px}
.z36-browser-window .viewport span:nth-child(3){width:52%}
.z36-browser-window .viewport em{display:block;width:90px;height:32px;border-radius:10px;background:#367cf6;margin-top:22px}
.z36-browser-window.w1{width:74%;height:62%;right:0;top:5%;transform:rotateY(-7deg) rotateX(2deg)}
.z36-browser-window.w2{width:70%;height:58%;left:0;bottom:3%;transform:rotateY(7deg) rotateX(-2deg);background:rgba(6,20,52,.86)}
.z36-browser-window.w2 .viewport div{height:90px;border-radius:14px;background:linear-gradient(135deg,#1b4bad,#78b9ff);margin-bottom:17px}
.z36-mobile-window{position:absolute;width:155px;height:315px;right:43%;top:25%;border:7px solid #071426;border-radius:30px;background:linear-gradient(#eaf3ff,#fff);box-shadow:0 40px 80px rgba(2,15,55,.35);display:grid;place-items:center;color:#0b2d6e;z-index:4}
.z36-mobile-window>span{position:absolute;top:8px;width:42px;height:5px;border-radius:6px;background:#1d3150}
.z36-mobile-window img{width:50px}
.z36-mobile-window b{position:absolute;bottom:46px;font-size:20px;letter-spacing:.08em}
.z36-mobile-window i{position:absolute;bottom:24px;width:55px;height:7px;border-radius:9px;background:#d6e5fb}
.z36-web-orbit{position:absolute;left:12%;top:8%;width:430px;height:430px;border:1px dashed rgba(255,255,255,.17);border-radius:50%;animation:z36Spin 36s linear infinite}
.z36-web-label{position:absolute;padding:8px 10px;border-radius:9px;background:#fff;color:#0a2e72;font-size:8px;font-weight:900;box-shadow:0 12px 35px rgba(0,0,0,.12)}
.z36-web-label.l1{left:0;top:18%}
.z36-web-label.l2{right:9%;bottom:12%}
.z36-web-label.l3{left:22%;bottom:6%}
.z36-proof{background:#071426}
.z36-proof-head{max-width:780px;margin-bottom:52px}
.z36-proof-head p{color:#91a6c6}
.z36-proof-board{display:grid;grid-template-columns:repeat(4,1fr);min-height:340px;border:1px solid rgba(83,145,243,.2);border-radius:28px;position:relative;overflow:hidden;background:linear-gradient(145deg,#0a1b35,#071326)}
.z36-proof-board:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(76,131,216,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(76,131,216,.06) 1px,transparent 1px);background-size:52px 52px}
.z36-proof-number{position:relative;z-index:2;padding:36px 28px;border-inline-start:1px solid rgba(83,145,243,.14);display:flex;flex-direction:column;justify-content:flex-end}
.z36-proof-number:first-of-type{border:0}
.z36-proof-number small{font-size:8px;color:#6082b7;letter-spacing:.13em}
.z36-proof-number strong{font-size:clamp(42px,5vw,66px);margin:7px 0;color:#fff}
.z36-proof-number p{font-size:13px;color:#8da4c7;margin:0}
.z36-proof-orbit{position:absolute;top:-150px;left:50%;transform:translateX(-50%);width:450px;height:450px;border:1px dashed rgba(72,139,247,.24);border-radius:50%;display:grid;place-items:center}
.z36-proof-orbit i{position:absolute;border:1px solid rgba(72,139,247,.16);border-radius:50%;width:70%;height:70%}
.z36-proof-orbit i:nth-child(2){width:42%;height:42%}
.z36-proof-orbit i:nth-child(3){width:18%;height:18%;background:rgba(54,124,246,.08)}
.z36-proof-orbit b{font-size:10px;color:#4f8df0;letter-spacing:.14em}
.z36-projects{background:#eef3fb;color:#071426}
.z36-projects-head>a,.z36-blog-head>a{justify-self:end;font-size:12px;font-weight:800;color:#2c68d4}
.z36-project-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:repeat(2,minmax(390px,1fr));gap:18px}
.z36-project-card{background:#071426;color:#fff;border-radius:28px;min-width:0;border:1px solid rgba(22,70,137,.22)}
.z36-project-card:hover{box-shadow:0 28px 70px rgba(32,65,118,.16)}
.z36-project-card--1{grid-row:1/3}
.z36-project-card .z36-project-meta{position:absolute;z-index:4;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;font-size:9px;color:#8ca7cf}
.z36-project-card .z36-project-meta i{font-style:normal}
.z36-project-card .z36-art{height:68%;min-height:260px}
.z36-project-card--1 .z36-art{height:72%;min-height:540px}
.z36-project-info{position:absolute;bottom:0;left:0;right:0;padding:24px;display:flex;justify-content:space-between;gap:20px;align-items:end;background:linear-gradient(transparent,rgba(2,11,25,.97) 35%)}
.z36-project-info h3{font-size:24px;margin:0 0 7px}
.z36-project-info p{font-size:13px;line-height:1.7;color:#90a7ca;margin:0}
.z36-project-info strong{font-size:28px;color:#5aa5ff;white-space:nowrap}
.z36-art{position:relative;overflow:hidden;background:#0b1d38}
.z36-art-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(66,127,217,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(66,127,217,.09) 1px,transparent 1px);background-size:42px 42px}
.z36-art--growth svg{position:absolute;width:90%;height:64%;right:4%;bottom:14%}
.z36-art--growth .fill{fill:rgba(54,124,246,.1)}
.z36-art--growth .line{fill:none;stroke:#5cb1ff;stroke-width:4;stroke-linecap:round}
.z36-art--growth .dot{position:absolute;width:10px;height:10px;border-radius:50%;background:#5cb1ff;box-shadow:0 0 20px #5cb1ff}
.z36-art--growth .dot.a{right:34%;top:36%}
.z36-art--growth .dot.b{left:10%;top:23%}
.z36-art--growth>b{position:absolute;right:24px;bottom:18%;font-size:10px;letter-spacing:.12em;color:#6a8fc4}
.z36-art--web{background:radial-gradient(circle at 60% 35%,#163f7a,#08182d 60%)}
.z36-art--web .browser{position:absolute;width:68%;height:58%;right:9%;top:16%;border:1px solid #356daf;border-radius:18px;background:#0a1b34;transform:rotate(-5deg);overflow:hidden}
.z36-art--web .browser header{height:29px;border-bottom:1px solid #213d62;display:flex;gap:5px;padding:11px}
.z36-art--web .browser header i{width:5px;height:5px;border-radius:50%;background:#52739f}
.z36-art--web .browser small{margin-inline-start:auto;font-size:6px;color:#5e7faa}
.z36-art--web .browser .viewport{padding:18px}
.z36-art--web .browser .viewport b{display:block;width:50%;height:26px;background:#4388f7;border-radius:8px}
.z36-art--web .browser .viewport span{display:block;width:72%;height:5px;background:#27456d;margin-top:10px;border-radius:5px}
.z36-art--web .browser .viewport em{display:block;width:68px;height:25px;background:#fff;border-radius:8px;margin-top:16px}
.z36-art--web .phone{position:absolute;width:25%;height:52%;left:13%;bottom:9%;border:6px solid #061122;border-radius:24px;background:#edf4ff;transform:rotate(8deg);box-shadow:0 24px 45px rgba(0,0,0,.3)}
.z36-art--web .phone i{position:absolute;top:8px;left:35%;right:35%;height:4px;background:#132843;border-radius:5px}
.z36-art--web .phone span{position:absolute;top:30%;right:16%;left:16%;height:22%;background:#4086f8;border-radius:10px}
.z36-art--web .phone b{position:absolute;bottom:18%;right:22%;left:22%;height:7px;background:#d4e4fb;border-radius:4px}
.z36-art--web .orbit{position:absolute;width:330px;height:330px;border:1px dashed rgba(68,136,240,.25);border-radius:50%;left:-65px;bottom:-120px}
.z36-art--social{background:linear-gradient(145deg,#241161,#1149a5)}
.z36-art--social .poster{position:absolute;width:33%;height:52%;top:18%;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.035));backdrop-filter:blur(8px);padding:16px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 25px 45px rgba(0,0,0,.18)}
.z36-art--social .p1{right:10%;transform:rotate(6deg)}
.z36-art--social .p2{right:34%;top:12%;z-index:2}
.z36-art--social .p3{left:10%;transform:rotate(-6deg)}
.z36-art--social .poster small{font-size:8px;color:#a7c7ff}
.z36-art--social .poster b{font-size:16px}
.z36-art--social>span{position:absolute;bottom:12%;right:0;left:0;text-align:center;font-size:8px;letter-spacing:.14em;color:#9fbfff}
.z36-art--search{background:linear-gradient(145deg,#07172d,#0b2755)}
.z36-art--search .radar{position:absolute;width:190px;height:190px;border-radius:50%;border:1px solid #245ca4;display:grid;place-items:center;right:12%;top:16%}
.z36-art--search .radar i{position:absolute;border:1px solid #214f8c;border-radius:50%;width:70%;height:70%}
.z36-art--search .radar i:nth-child(2){width:42%;height:42%}
.z36-art--search .radar i:nth-child(3){width:1px;height:94%;border:0;background:#2e6dc1;transform:rotate(35deg)}
.z36-art--search .radar b{font-size:22px;color:#5ba6ff}
.z36-art--search .query{position:absolute;left:11%;top:34%;width:45%;height:42px;border:1px solid #265b9f;border-radius:11px;background:#0b2448;display:flex;align-items:center;padding:0 12px;gap:10px}
.z36-art--search .query span{font-size:8px;color:#7497c8}
.z36-art--search .query i{margin-inline-start:auto;width:18px;height:18px;border:1px solid #4a86dc;border-radius:50%}
.z36-art--search>strong{position:absolute;left:13%;bottom:20%;font-size:38px;color:#5ba6ff}
.z36-manifest{background:#fff;color:#071426;padding:130px 0;border-block:1px solid #e1e8f4}
.z36-manifest .z36-container>span{font-size:10px;color:#5f80b9;letter-spacing:.12em}
.z36-manifest p{font-size:clamp(42px,5.3vw,76px);line-height:1.5;font-weight:850;letter-spacing:-.04em;margin:30px 0 0}
.z36-manifest p b{color:#a7b5ca;font-weight:850;transition:color .45s}
.z36-manifest p b.is-hot,.z36-manifest p strong{color:#367cf6}
.z36-process{background:#eef3fb;color:#071426}
.z36-process-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:85px}
.z36-process-copy{position:sticky;top:140px;align-self:start}
.z36-process-copy p{line-height:2;color:#71819a;max-width:420px}
.z36-process-list{position:relative}
.z36-process-line{position:absolute;right:27px;top:42px;bottom:42px;width:1px;background:#c7d5ea}
.z36-process-line i{display:block;width:2px;height:100%;background:#367cf6;transform-origin:top;transform:scaleY(0)}
.z36-process-step{min-height:175px;display:grid;grid-template-columns:55px 1fr 24px;gap:25px;align-items:start;padding:30px 0;border-bottom:1px solid #d6e0ee}
.z36-process-step>span{font-size:12px;color:#2f71e3;font-weight:900}
.z36-process-step h3{font-size:27px;margin:0 0 8px}
.z36-process-step p{font-size:13px;line-height:1.9;color:#72829b;max-width:520px;margin:0}
.z36-process-step>i{width:11px;height:11px;background:#fff;border:2px solid #367cf6;border-radius:50%;margin-top:3px;position:relative;z-index:2}
.z36-blog{background:#fff;color:#071426}
.z36-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.z36-blog-card{border:1px solid #dbe5f3;border-radius:22px;overflow:hidden;background:#f9fbff;transition:transform .35s var(--z36-ease),box-shadow .35s}
.z36-blog-card:hover{transform:translateY(-5px);box-shadow:0 22px 60px rgba(29,68,128,.1)}
.z36-blog-card .media{display:block;height:230px;background:#08172c;overflow:hidden}
.z36-blog-card .media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--z36-ease)}
.z36-blog-card:hover .media img{transform:scale(1.035)}
.z36-blog-card .media>span{height:100%;display:flex;align-items:center;justify-content:space-between;padding:24px;color:#5ca6ff}
.z36-blog-card .media b{font-size:42px}
.z36-blog-card .media i{font-style:normal;font-size:9px;letter-spacing:.12em}
.z36-blog-card .body{padding:20px;position:relative;min-height:205px}
.z36-blog-card small{font-size:9px;color:#8291a9}
.z36-blog-card h3{font-size:21px;line-height:1.5;margin:10px 0}
.z36-blog-card p{font-size:13px;color:#74839a;line-height:1.85;margin:0;padding-left:28px}
.z36-blog-card .arrow{position:absolute;left:18px;bottom:18px;font-size:19px;color:#2f70df}
.z36-final{min-height:620px;padding:120px 30px;background:linear-gradient(145deg,#126cf4,#244cd2);position:relative;overflow:hidden;display:grid;place-items:center;text-align:center}
.z36-final-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.45}
.z36-final-orbits{position:absolute;width:620px;height:620px;display:grid;place-items:center}
.z36-final-orbits i{position:absolute;border:1px solid rgba(255,255,255,.18);border-radius:50%;width:40%;height:40%}
.z36-final-orbits i:nth-child(2){width:70%;height:70%;border-style:dashed;animation:z36Spin 36s linear infinite}
.z36-final-orbits i:nth-child(3){width:100%;height:100%;opacity:.4}
.z36-final-inner{position:relative;z-index:2;max-width:820px}
.z36-final-inner img{width:70px;filter:brightness(0) invert(1);margin-bottom:22px}
.z36-final-inner>span{font-size:9px;letter-spacing:.14em;color:#d3e5ff}
.z36-final-inner h2{font-size:clamp(43px,5.5vw,75px);line-height:1.15;margin:14px 0 18px}
.z36-final-inner p{line-height:1.9;color:#d9e7ff;max-width:630px;margin:0 auto 28px}
.z36-final-inner>div{display:flex;align-items:center;justify-content:center;gap:20px}
.z36-final-inner>div>a:last-child{font-size:12px;border-bottom:1px solid rgba(255,255,255,.4);padding-bottom:3px}
.z36-page-hero{padding:150px 0 75px;position:relative;overflow:hidden;background:linear-gradient(180deg,#06142a,#07172d)}
.z36-page-glow{position:absolute;width:620px;height:620px;border-radius:50%;background:#1b6cff;filter:blur(140px);opacity:.08;left:8%;top:5%}
.z36-page-hero-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;position:relative;z-index:2}
.z36-page-copy h1{font-size:clamp(50px,6vw,82px);line-height:1.08;margin:28px 0 22px;letter-spacing:-.045em}
.z36-page-copy>p{max-width:610px;color:#a4b6d2;line-height:2;font-size:15px}
.z36-page-scroll{display:inline-flex;gap:12px;align-items:center;margin-top:28px;font-size:9px;letter-spacing:.13em;color:#7898ca}
.z36-page-scroll i{font-style:normal;font-size:16px}
.z36-page-visual{height:500px;position:relative;display:grid;place-items:center}
.z36-page-art{position:relative;width:100%;height:100%;display:grid;place-items:center}
.z36-page-foot{position:absolute;right:4%;left:4%;bottom:20px;display:flex;align-items:center;gap:15px;font-size:8px;color:#5778ab;letter-spacing:.12em}
.z36-page-foot i{flex:1;height:1px;background:rgba(81,126,197,.23)}
.art-services .core,.art-about .core,.art-generic .core{width:112px;height:112px;border-radius:30px;border:1px solid #3167ad;background:#0b2752;display:grid;place-items:center;font-size:40px;font-weight:950;color:#5da6ff;z-index:2;box-shadow:0 25px 70px rgba(0,0,0,.25)}
.art-services>i,.art-about>i,.art-generic>i{position:absolute;border:1px solid rgba(70,137,241,.28);border-radius:50%;width:280px;height:280px}
.art-services>i.o2,.art-about>i:nth-of-type(2),.art-generic>i:nth-of-type(2){width:420px;height:420px;border-style:dashed;animation:z36Spin 30s linear infinite}
.art-services .node{position:absolute;padding:9px 12px;border:1px solid #224d85;border-radius:10px;background:#081d3d;color:#83b9ff;font-size:9px}
.art-services .n1{top:13%;right:18%}
.art-services .n2{top:25%;left:12%}
.art-services .n3{bottom:17%;right:10%}
.art-services .n4{bottom:10%;left:23%}
.art-services .n5{top:48%;right:2%}
.art-services .n6{top:49%;left:1%}
.art-web .browser{width:72%;height:58%;border:1px solid #2f6ab5;border-radius:22px;background:#0b2348;transform:rotate(-5deg);overflow:hidden}
.art-web .browser header{height:34px;border-bottom:1px solid #24456d;display:flex;gap:5px;padding:13px}
.art-web .browser header i{width:6px;height:6px;background:#55759e;border-radius:50%}
.art-web .browser .viewport{padding:25px}
.art-web .browser .viewport b{display:block;width:50%;height:34px;border-radius:9px;background:#4b91ff}
.art-web .browser .viewport span{display:block;width:70%;height:7px;border-radius:5px;background:#274873;margin-top:13px}
.art-web .browser .viewport em{display:block;width:90px;height:30px;border-radius:9px;background:#fff;margin-top:20px}
.art-web .phone{position:absolute;width:150px;height:300px;left:9%;bottom:5%;border:7px solid #05101f;border-radius:28px;background:#edf5ff;transform:rotate(8deg);box-shadow:0 25px 60px rgba(0,0,0,.3)}
.art-web .phone i{position:absolute;top:9px;left:36%;right:36%;height:5px;background:#172943;border-radius:5px}
.art-web .phone b{position:absolute;top:31%;right:18%;left:18%;height:24%;background:#4187fa;border-radius:12px}
.art-web .phone span{position:absolute;bottom:24%;right:22%;left:22%;height:6px;background:#cbdcf3}
.art-web .cursor{position:absolute;right:15%;bottom:15%;width:52px;height:52px;border-radius:50%;background:#fff;color:#071426;display:grid;place-items:center;font-size:20px;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.art-work{perspective:1000px}
.art-work .tile{position:absolute;width:42%;height:35%;border:1px solid #285c9f;border-radius:19px;background:linear-gradient(145deg,#0d2e62,#0a1c36);display:flex;align-items:flex-end;padding:16px;font-size:28px;color:#4c8ff3;box-shadow:0 20px 50px rgba(0,0,0,.18)}
.art-work .t1{right:6%;top:7%;transform:rotateY(-8deg)}
.art-work .t2{left:5%;top:18%;transform:rotateY(8deg)}
.art-work .t3{right:16%;bottom:8%;transform:rotateY(-5deg)}
.art-work .t4{left:10%;bottom:3%;transform:rotateY(6deg)}
.art-work>span{position:absolute;font-size:10px;letter-spacing:.15em;color:#5f8bc9}
.art-about .r{position:absolute;font-size:9px;letter-spacing:.1em;color:#78a4e4}
.art-about .r1{top:11%}
.art-about .r2{right:9%;top:42%}
.art-about .r3{bottom:11%}
.art-about .r4{left:9%;top:42%}
.art-consult .scan{width:330px;height:330px;border-radius:50%;border:1px solid #2e68af;position:relative;overflow:hidden}
.art-consult .scan:before,.art-consult .scan:after{content:"";position:absolute;inset:20%;border:1px solid #244d83;border-radius:50%}
.art-consult .scan:after{inset:40%}
.art-consult .scan i{position:absolute;width:50%;height:50%;right:50%;bottom:50%;transform-origin:right bottom;background:linear-gradient(40deg,rgba(61,142,255,.35),transparent);animation:z36Radar 4s linear infinite}
.art-consult .signal{position:absolute;padding:10px 12px;background:#0a2349;border:1px solid #2a5e9f;border-radius:11px}
.art-consult .signal small{color:#5b8dcd;font-size:7px}
.art-consult .signal b{display:block;font-size:9px;margin-top:2px}
.art-consult .s1{right:6%;top:16%}
.art-consult .s2{left:3%;top:46%}
.art-consult .s3{right:17%;bottom:8%}
.art-contact .message{width:75%;height:45%;border:1px solid #2a62aa;border-radius:22px;background:#092144;padding:26px;display:flex;flex-direction:column;gap:14px;justify-content:center}
.art-contact .message span{font-size:18px;color:#6db1ff}
.art-contact .message i{display:block;height:7px;width:76%;background:#244b79;border-radius:5px}
.art-contact .message i:nth-child(3){width:54%}
.art-contact .message i:nth-child(4){width:34%;background:#3e82e7}
.art-contact .pulse{position:absolute;width:300px;height:300px;border:1px solid #2e6ab5;border-radius:50%;animation:z36Pulse 2.6s ease-out infinite}
.art-contact .pulse.p2{animation-delay:1.3s}
.art-blog .paper{position:absolute;width:42%;height:58%;border:1px solid #2a5d9d;border-radius:18px;background:linear-gradient(145deg,#0e2c5c,#081a34);padding:20px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 22px 55px rgba(0,0,0,.22)}
.art-blog .paper small{font-size:10px;color:#6c9edc}
.art-blog .paper b{font-size:16px}
.art-blog .p1{right:7%;transform:rotate(8deg)}
.art-blog .p2{z-index:2;transform:translateY(-18px)}
.art-blog .p3{left:7%;transform:rotate(-8deg)}
.z36-inner-head{max-width:720px;margin-bottom:55px}
.z36-inner-head p{color:#70819b;line-height:2}
.z36-service-system{background:#f3f6fd}
.z36-service-system-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.z36-service-orbit{height:520px;position:relative;display:grid;place-items:center}
.z36-service-orbit .core{width:105px;height:105px;border-radius:28px;background:#071426;color:#5ca6ff;font-size:38px;font-weight:950;z-index:2}
.z36-service-orbit>i{position:absolute;border:1px solid #bfd0ea;border-radius:50%;width:240px;height:240px}
.z36-service-orbit>i:nth-of-type(2){width:360px;height:360px;border-style:dashed}
.z36-service-orbit>i:nth-of-type(3){width:480px;height:480px;opacity:.7}
.z36-service-orbit .node{position:absolute;font-size:9px;font-weight:800;background:#fff;border:1px solid #d3e0f2;border-radius:10px;padding:8px 10px;box-shadow:0 10px 25px rgba(44,80,133,.08)}
.z36-service-orbit .n1{top:6%}
.z36-service-orbit .n2{right:4%;top:30%}
.z36-service-orbit .n3{right:10%;bottom:16%}
.z36-service-orbit .n4{bottom:2%}
.z36-service-orbit .n5{left:8%;bottom:18%}
.z36-service-orbit .n6{left:3%;top:29%}
.z36-bridge{background:linear-gradient(145deg,#0a1d39,#071426);color:#fff;text-align:center;padding:110px 0;position:relative;overflow:hidden}
.z36-bridge:before{content:"";position:absolute;width:550px;height:550px;border:1px solid rgba(75,142,249,.18);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.z36-bridge .z36-container{position:relative;z-index:2}
.z36-bridge span{font-size:9px;letter-spacing:.13em;color:#6993d0}
.z36-bridge h2{font-size:clamp(42px,5vw,66px);line-height:1.2;margin:14px 0 15px}
.z36-bridge h2 b{color:#58a5ff}
.z36-bridge p{color:#91a7ca;line-height:1.9}
.z36-bridge .z36-btn{margin-top:15px}
.z36-principles-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.z36-principles-grid article{padding:25px;border:1px solid #d8e3f2;border-radius:20px;background:#fff;min-height:220px}
.z36-principles-grid span{font-size:10px;color:#2e6fdc}
.z36-principles-grid h3{font-size:21px;margin:25px 0 10px}
.z36-principles-grid p{font-size:11px;line-height:1.8;color:#718199}
.z36-web-evolution{background:#071426;color:#fff;padding:100px 0}
.z36-web-evolution-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:75px;align-items:start}
.z36-web-evo-copy article{min-height:250px;padding:35px 0;border-bottom:1px solid rgba(87,143,229,.14);opacity:.32;transition:opacity .45s,transform .45s}
.z36-web-evo-copy article.is-active{opacity:1;transform:translateX(-6px)}
.z36-web-evo-copy span{font-size:9px;color:#4e8fea}
.z36-web-evo-copy h2{font-size:38px;margin:9px 0}
.z36-web-evo-copy p{color:#8fa6ca;line-height:1.9}
.z36-web-evo-stage{position:sticky;top:120px;height:600px;border:1px solid rgba(83,145,242,.2);border-radius:28px;background:radial-gradient(circle at 60% 40%,#173d78,#08172c 58%);overflow:hidden;display:grid;place-items:center}
.z36-web-evo-stage .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(77,136,224,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(77,136,224,.07) 1px,transparent 1px);background-size:48px 48px}
.z36-web-evo-stage .screen{width:72%;height:60%;border:1px solid #3774bd;border-radius:19px;background:#0a2142;overflow:hidden;position:relative;z-index:2;transition:transform .7s var(--z36-ease),filter .7s}
.z36-web-evo-stage .screen header{height:35px;border-bottom:1px solid #2a4e79;display:flex;gap:5px;padding:13px}
.z36-web-evo-stage .screen header i{width:6px;height:6px;background:#526f95;border-radius:50%}
.z36-web-evo-stage .screen header small{margin-inline-start:auto;font-size:7px;color:#6687b2}
.z36-web-evo-stage .screen .viewport{padding:28px}
.z36-web-evo-stage .hero{height:90px;border:1px dashed #416fa6;border-radius:12px;transition:background .6s}
.z36-web-evo-stage .blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}
.z36-web-evo-stage .blocks i{height:70px;border:1px dashed #345d90;border-radius:9px}
.z36-web-evo-stage .screen .viewport>span{display:block;width:38%;height:22px;border:1px dashed #345d90;border-radius:8px;margin-top:13px}
.z36-web-evo-stage .phone{position:absolute;left:10%;bottom:7%;width:118px;height:240px;border:6px solid #06101e;border-radius:24px;background:#e9f2ff;z-index:3;transition:transform .7s var(--z36-ease)}
.z36-web-evo-stage .phone b{position:absolute;top:31%;right:16%;left:16%;height:25%;border:1px dashed #78a6df;border-radius:9px}
.z36-web-evo-stage .phone i{position:absolute;top:8px;left:36%;right:36%;height:4px;background:#21334d;border-radius:5px}
.z36-web-evo-stage .phone span{position:absolute;bottom:20%;right:20%;left:20%;height:6px;background:#c6d9f1;border-radius:5px}
.z36-web-evo-stage[data-stage="1"] .hero{background:linear-gradient(135deg,#397ff2,#72b7ff);border-style:solid}
.z36-web-evo-stage[data-stage="1"] .blocks i{background:#153863;border-style:solid}
.z36-web-evo-stage[data-stage="1"] .screen .viewport>span{background:#fff;border:0}
.z36-web-evo-stage[data-stage="1"] .screen{transform:scale(1.025)}
.z36-web-evo-stage[data-stage="2"] .screen{transform:translate(16px,-10px) rotate(-2deg);filter:drop-shadow(0 25px 45px rgba(0,0,0,.25))}
.z36-web-evo-stage[data-stage="2"] .phone{transform:translate(-8px,-18px) rotate(5deg)}
.z36-web-evo-stage[data-stage="2"] .hero{background:linear-gradient(135deg,#397ff2,#72b7ff);border:0}
.z36-build-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d6e0ef;border-right:1px solid #d6e0ef}
.z36-build-grid>div{min-height:150px;border-left:1px solid #d6e0ef;border-bottom:1px solid #d6e0ef;padding:20px}
.z36-build-grid span{font-size:9px;color:#3878e3}
.z36-build-grid b{display:block;margin-top:38px;font-size:14px}
.z36-tech-ticker{background:#071426}
.z36-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:38px}
.z36-filter button{border:1px solid #cedbec;background:#fff;color:#5a6d89;border-radius:999px;padding:9px 14px;font-size:11px;cursor:pointer}
.z36-filter button.is-active{background:#071426;color:#fff;border-color:#071426}
.z36-archive-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px;grid-auto-flow:dense}
.z36-archive-card{grid-column:span 6;min-height:490px;background:#071426;border-radius:25px;overflow:hidden;color:#fff;position:relative;transition:opacity .35s,transform .35s}
.z36-archive-card.c1,.z36-archive-card.c5{grid-column:span 7}
.z36-archive-card.c2,.z36-archive-card.c6{grid-column:span 5}
.z36-archive-card.is-filtered-out{display:none}
.z36-archive-card .media{height:68%}
.z36-archive-card .media>img{width:100%;height:100%;object-fit:cover}
.z36-archive-card .media .z36-art{height:100%}
.z36-archive-card .meta{padding:22px;display:flex;justify-content:space-between;align-items:end;gap:20px}
.z36-archive-card small{font-size:8px;color:#6f91c6}
.z36-archive-card h2{font-size:24px;margin:7px 0}
.z36-archive-card p{font-size:11px;color:#90a7c8;margin:0}
.z36-archive-card strong{font-size:27px;color:#5ba7ff}
.z36-case-study{background:#f3f6fd;color:#071426}
.z36-case-hero{padding:180px 0 90px;background:#071426;color:#fff}
.z36-case-hero-layout{display:grid;grid-template-columns:1fr 280px;gap:60px;align-items:end}
.z36-case-hero .copy span{font-size:9px;color:#6992cb;letter-spacing:.13em}
.z36-case-hero h1{font-size:clamp(52px,7vw,92px);line-height:1.08;margin:18px 0}
.z36-case-hero p{max-width:650px;line-height:2;color:#9eb0cc}
.z36-case-hero .metric{height:260px;border:1px solid #23518b;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#0a2144}
.z36-case-hero .metric:before{content:"";position:absolute;width:220px;height:220px;border:1px dashed #2e65a9;border-radius:50%}
.z36-case-hero .metric small{font-size:8px;color:#7d9fcf;position:relative}
.z36-case-hero .metric strong{font-size:58px;color:#5ba7ff;position:relative}
.z36-case-hero .metric i{position:absolute;width:90px;height:1px;background:#3979d1}
.z36-case-facts{background:#0b1d37;color:#fff;border-top:1px solid #17375e}
.z36-case-facts .z36-container{display:grid;grid-template-columns:repeat(4,1fr)}
.z36-case-facts .z36-container>div{padding:23px 20px;border-inline-start:1px solid #18375e}
.z36-case-facts small{display:block;font-size:8px;color:#6886b2;margin-bottom:7px}
.z36-case-facts strong,.z36-case-facts a{font-size:13px}
.z36-case-cover{padding:70px 0 10px}
.z36-case-cover img,.z36-case-cover .z36-art{width:100%;height:auto;min-height:600px;object-fit:cover;border-radius:30px;overflow:hidden}
.z36-case-story-layout{display:grid;grid-template-columns:280px 1fr;gap:80px;align-items:start}
.z36-case-story aside{position:sticky;top:130px}
.z36-case-story aside>span{font-size:9px;color:#367cf6}
.z36-case-story aside h2{font-size:25px}
.z36-case-story nav{display:grid;gap:8px;margin-top:30px}
.z36-case-story nav a{font-size:11px;color:#6d7e98;padding:7px 0;border-bottom:1px solid #dce4ef}
.z36-case-chapter{padding:35px 0 65px;border-bottom:1px solid #dce5f1}
.z36-case-chapter>span{font-size:9px;color:#3978df}
.z36-case-chapter h2{font-size:36px}
.z36-case-chapter.impact strong{font-size:70px;color:#367cf6}
.z36-consult-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:50px;align-items:start}
.z36-consult-aside>span{font-size:9px;color:#367cf6}
.z36-consult-aside h2{font-size:38px;margin:12px 0 25px}
.z36-consult-aside ol{list-style:none;padding:0;margin:0;display:grid}
.z36-consult-aside li{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid #d7e0ed}
.z36-consult-aside li>b{color:#367cf6}
.z36-consult-aside strong{font-size:16px}
.z36-consult-aside p{font-size:11px;color:#708099;line-height:1.85}
.z36-consult-note{margin-top:22px;padding:17px;border:1px solid #cbdaf0;border-radius:16px;background:#fff;display:flex;gap:10px;font-size:11px;color:#5e6f87}
.z36-consult-note i{width:8px;height:8px;border-radius:50%;background:#45c982;margin-top:4px}
.z36-form-shell{border:1px solid #d3e0f1;border-radius:26px;background:#fff;overflow:hidden;box-shadow:0 24px 70px rgba(38,70,120,.08)}
.z36-form-shell>header{padding:20px 24px;background:#071426;color:#fff;display:flex;justify-content:space-between;align-items:center}
.z36-form-shell>header span{font-size:8px;color:#688cbf}
.z36-form-shell>header b{font-size:13px}
.z36-form{padding:28px}
.z36-form-progress{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin-bottom:25px}
.z36-form-progress span,.z36-form-progress small{font-size:8px;color:#7a8da8;letter-spacing:.09em}
.z36-form-progress>i{height:2px;background:#e0e8f3;border-radius:5px;overflow:hidden}
.z36-form-progress>i b{display:block;width:36%;height:100%;background:#367cf6}
.z36-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.z36-form label{display:grid;gap:8px;min-width:0}
.z36-form label.wide{grid-column:1/-1}
.z36-form label>span{font-size:9px;color:#657792;font-weight:700}
.z36-form input,.z36-form textarea,.z36-form select{width:100%;border:1px solid #d4dfed;background:#f8faff;border-radius:13px;padding:13px 14px;color:#071426;outline:0;transition:border-color .25s,box-shadow .25s}
.z36-form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;min-height:52px;margin:0;padding:0 16px 0 48px;direction:rtl;text-align:right;background-color:#f8faff;background-image:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27 viewBox=%270 0 16 16%27 fill=%27none%27%3E%3Cpath d=%27M4 6l4 4 4-4%27 stroke=%27%23367CF6%27 stroke-width=%271.6%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 16px center;background-size:16px 16px;line-height:1.35;cursor:pointer}
.z36-form select::-ms-expand{display:none}
.z36-form input:focus,.z36-form textarea:focus,.z36-form select:focus{border-color:#6a9cec;box-shadow:0 0 0 4px rgba(54,124,246,.08)}
.z36-form textarea{resize:vertical;min-height:145px}
.z36-form-submit{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:20px}
.z36-form-submit small{max-width:360px;color:#8898ae;font-size:9px}
.z36-form-alert{margin:18px 28px 0;padding:12px 14px;border-radius:12px;font-size:11px}
.z36-form-alert.is-success{background:#e8fbf1;color:#17774a}
.z36-form-alert.is-error{background:#fff0f0;color:#ad3838}
.z36-faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.z36-faq-grid article{padding:25px;border:1px solid #d8e2f0;border-radius:19px;background:#fff}
.z36-faq-grid h3{font-size:17px}
.z36-faq-grid p{font-size:11px;line-height:1.9;color:#71819a}
.z36-featured-post{display:grid;grid-template-columns:1.2fr .8fr;border-radius:28px;background:#071426;color:#fff;overflow:hidden;margin-bottom:45px;min-height:470px}
.z36-featured-post .media{min-height:470px;background:#0b1f3f}
.z36-featured-post .media img{width:100%;height:100%;object-fit:cover}
.z36-featured-post .media>span{height:100%;display:flex;justify-content:space-between;align-items:end;padding:30px;color:#55a4ff}
.z36-featured-post>div{padding:40px;display:flex;flex-direction:column;justify-content:center}
.z36-featured-post>div>span{font-size:9px;color:#6993cf}
.z36-featured-post h2{font-size:37px;line-height:1.45;margin:15px 0}
.z36-featured-post p{font-size:12px;line-height:2;color:#91a8ca}
.z36-featured-post>div>a{font-size:12px;color:#6eafff;font-weight:800}
.z36-archive-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.z36-archive-blog-card{border:1px solid #d7e2f0;border-radius:21px;overflow:hidden;background:#fff}
.z36-archive-blog-card .media{display:block;height:220px;background:#09182d}
.z36-archive-blog-card .media img{width:100%;height:100%;object-fit:cover}
.z36-archive-blog-card .media>span{height:100%;display:flex;align-items:end;justify-content:space-between;padding:20px;color:#5ba7ff}
.z36-archive-blog-card>div{padding:20px}
.z36-archive-blog-card small{font-size:9px;color:#8290a7}
.z36-archive-blog-card h2{font-size:20px;line-height:1.5}
.z36-archive-blog-card p{font-size:11px;line-height:1.8;color:#738198}
.z36-archive-blog-card>div>a{font-size:11px;color:#2e6dda;font-weight:800}
.z36-pagination{display:flex;justify-content:center;gap:7px;margin-top:38px}
.z36-pagination .page-numbers{min-width:38px;height:38px;border:1px solid #d5e0ee;border-radius:10px;display:grid;place-items:center;background:#fff;font-size:11px}
.z36-pagination .current{background:#071426;color:#fff}
.z36-article{background:#f3f6fd;color:#071426}
.z36-reading-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:120}
.z36-reading-progress i{display:block;height:100%;width:100%;transform-origin:right;transform:scaleX(0);background:#4b91ff}
.z36-article-hero{padding:180px 0 90px;background:#071426;color:#fff}
.z36-article-hero span{font-size:9px;color:#6f91c5}
.z36-article-hero h1{font-size:clamp(48px,6vw,78px);line-height:1.25;max-width:950px;margin:20px 0}
.z36-article-hero p{max-width:700px;color:#98adcd;line-height:2}
.z36-article-cover{margin:0;padding:60px 0 0}
.z36-article-cover img{width:100%;max-height:720px;object-fit:cover;border-radius:28px}
.z36-article-body{padding:90px 0 120px}
.z36-article-layout{display:grid;grid-template-columns:250px 1fr;gap:80px;align-items:start}
.z36-article-layout aside{position:sticky;top:130px;border-left:1px solid #d8e3ef;padding-left:20px}
.z36-article-layout aside>span{font-size:9px;color:#367cf6}
.z36-article-layout aside nav{display:grid;margin:20px 0 30px}
.z36-article-layout aside nav a{font-size:10px;color:#708099;padding:7px 0}
.z36-article-layout aside>a{font-size:10px;color:#2f6dd7}
.z36-prose{font-size:16px;line-height:2.15;color:#34435b}
.z36-prose h2{font-size:34px;color:#071426;margin-top:55px}
.z36-prose h3{font-size:25px;color:#071426}
.z36-prose a{color:#2d6edb;text-decoration:underline}
.z36-prose img{border-radius:18px}
.z36-prose blockquote{margin:35px 0;padding:25px 28px;border-right:4px solid #367cf6;background:#fff;border-radius:15px;font-size:20px;color:#172a48}
.z36-prose pre{direction:ltr;text-align:left;overflow:auto;background:#071426;color:#dce9ff;border-radius:16px;padding:20px}
.z36-prose table{width:100%;border-collapse:collapse;background:#fff}
.z36-prose th,.z36-prose td{border:1px solid #d9e3ef;padding:10px}
.z36-generic-hero{padding:180px 0 90px;background:#071426;color:#fff}
.z36-generic-hero span{font-size:9px;color:#6991c8}
.z36-generic-hero h1{font-size:clamp(48px,6vw,80px);margin:15px 0}
.z36-generic-hero h1 b{color:#58a5ff}
.z36-generic-content{padding:80px 0 120px}
.z36-search-results .z36-container{display:grid;gap:12px}
.z36-search-results article{padding:23px;border:1px solid #d7e1ef;border-radius:18px;background:#fff}
.z36-search-results small{color:#367cf6;font-size:8px}
.z36-search-results h2{font-size:22px}
.z36-search-results p{font-size:11px;color:#718099}
.z36-search-results article>a{color:#2d6bd5;font-size:11px}
.z36-empty{text-align:center;padding:90px 25px}
.z36-empty span{font-size:9px;color:#367cf6}
.z36-empty h2{font-size:36px}
.z36-empty p{color:#708099}
.z36-404{min-height:100svh;background:#061428;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden;padding:100px 30px}
.z36-404-orbit{width:290px;height:290px;position:relative;display:grid;place-items:center;margin-bottom:25px}
.z36-404-orbit i{position:absolute;border:1px solid #285b99;border-radius:50%;width:100%;height:100%}
.z36-404-orbit i:nth-child(2){width:70%;height:70%;border-style:dashed;animation:z36Spin 22s linear infinite}
.z36-404-orbit i:nth-child(3){width:42%;height:42%}
.z36-404-orbit img{width:70px}
.z36-404>span{font-size:9px;color:#5a8ccc;letter-spacing:.14em}
.z36-404 h1{font-size:clamp(50px,7vw,90px);line-height:1.15;margin:15px 0}
.z36-404 h1 b{color:#57a5ff}
.z36-404 p{color:#91a8ca}
.z36-footer{background:#051224;color:#fff;position:relative;overflow:hidden;padding:80px 0 22px}
.z36-footer-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(75,130,213,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(75,130,213,.05) 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(#000,transparent)}
.z36-footer-top,.z36-footer-bottom{width:min(1280px,calc(100% - 64px));margin-inline:auto;position:relative}
.z36-footer-top{display:grid;grid-template-columns:1.25fr .65fr .65fr 1.15fr;gap:50px;padding-bottom:55px}
.z36-footer-brand>a{display:flex;align-items:center;gap:10px}
.z36-footer-brand img{width:44px}
.z36-footer-brand>a span{display:grid}
.z36-footer-brand>a b{letter-spacing:.08em}
.z36-footer-brand>a small{font-size:7px;color:#7593c4;letter-spacing:.15em}
.z36-footer-brand p{font-size:11px;line-height:1.9;color:#8198bd;max-width:360px;margin:22px 0}
.z36-footer-status{display:flex;gap:8px;align-items:center;font-size:8px;color:#6687b9}
.z36-footer-status i{width:7px;height:7px;background:#43ce83;border-radius:50%;box-shadow:0 0 10px #43ce83}
.z36-footer-col{display:grid;align-content:start;gap:11px}
.z36-footer-col>span,.z36-footer-cta>span{font-size:8px;letter-spacing:.14em;color:#527aad;margin-bottom:9px}
.z36-footer-col a{font-size:11px;color:#93a8c8}
.z36-footer-cta h2{font-size:28px;line-height:1.5;margin:8px 0 18px}
.z36-footer-cta h2 b{color:#58a5ff}
.z36-footer-cta>a{display:inline-flex;align-items:center;gap:8px;padding-bottom:4px;border-bottom:1px solid #487ec4;font-size:11px;color:#7fb4ff}
.z36-footer-cta small{display:block;color:#718bb4;margin-top:18px}
.z36-footer-bottom{border-top:1px solid rgba(89,136,204,.15);padding-top:20px;display:flex;justify-content:space-between;align-items:center}
.z36-footer-bottom p,.z36-footer-bottom a{font-size:8px;color:#5f789e}
.z36-footer-bottom>div{display:flex;align-items:center;gap:12px}
.z36-footer-bottom i{width:4px;height:4px;border-radius:50%;background:#395a87}
body.z36-menu-open{overflow:hidden}
.z36-header.is-hidden{transform:translateY(-105px)}
@keyframes z36Spin{to{transform:rotate(360deg)}}
@keyframes z36Ticker{to{transform:translateX(50%)}}
@keyframes z36Bob{50%{transform:translateY(5px)}}
@keyframes z36Flame{50%{transform:scaleY(.82) scaleX(1.12);opacity:.78}}
@keyframes z36Radar{to{transform:rotate(360deg)}}
@keyframes z36Pulse{0%{transform:scale(.25);opacity:.8}100%{transform:scale(1.5);opacity:0}}
:root{--z36-spring:cubic-bezier(.16,1,.3,1);--z36-soft:cubic-bezier(.22,.72,.2,1)}
.z36-experience{--hero-p:0;--story-p:0}
.z36-intro-hook{position:absolute;inset:0;z-index:30;display:grid;place-items:center;background:radial-gradient(circle at 50% 47%,rgba(36,104,235,.2),transparent 27%),linear-gradient(180deg,#041025,#06152b);overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .72s var(--z36-spring),visibility 0s linear .72s}
.z36-experience.has-intro .z36-intro-hook{opacity:1;visibility:visible;transition-delay:0s}
.z36-experience.is-intro-done .z36-intro-hook{opacity:0;visibility:hidden}
.z36-intro-noise{position:absolute;inset:-30%;opacity:.22;background-image:radial-gradient(rgba(99,165,255,.45) .65px,transparent .65px);background-size:14px 14px;mask-image:radial-gradient(circle,#000,transparent 65%);animation:z36IntroDrift 9s linear infinite}
.z36-intro-orbit{position:absolute;border:1px solid rgba(82,147,255,.18);border-radius:50%;scale:.56;opacity:0;transition:scale 1.15s var(--z36-spring),opacity .7s}
.z36-intro-orbit.o1{width:250px;height:250px}
.z36-intro-orbit.o2{width:420px;height:420px;border-style:dashed}
.z36-intro-orbit.o3{width:650px;height:650px}
.z36-experience.is-intro-live .z36-intro-orbit{scale:1;opacity:1}
.z36-experience.is-intro-live .z36-intro-orbit.o2{animation:z36Spin 30s linear infinite}
.z36-intro-mark{position:relative;width:132px;height:132px;border-radius:36px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(79,143,255,.2),rgba(5,24,55,.72));border:1px solid rgba(104,168,255,.28);box-shadow:0 34px 100px rgba(0,18,55,.5),inset 0 0 50px rgba(55,125,246,.08);scale:.6;opacity:0;transition:scale .82s var(--z36-spring),opacity .45s}
.z36-intro-mark:before,.z36-intro-mark:after{content:"";position:absolute;inset:-14px;border:1px solid rgba(87,149,255,.13);border-radius:44px}
.z36-intro-mark:after{inset:-30px;border-style:dashed;opacity:.6}
.z36-intro-mark span{position:absolute;inset:13px;border-radius:27px;border:1px solid rgba(93,158,255,.16)}
.z36-intro-mark img{width:76px;filter:drop-shadow(0 18px 24px rgba(0,53,170,.28))}
.z36-experience.is-intro-live .z36-intro-mark{scale:1;opacity:1}
.z36-intro-copy{position:absolute;top:calc(50% + 116px);text-align:center;display:grid;gap:8px;opacity:0;translate:0 16px;transition:opacity .55s .26s,translate .8s .24s var(--z36-spring)}
.z36-intro-copy small{font-size:8px;letter-spacing:.18em;color:#6588bd}
.z36-intro-copy strong{display:flex;align-items:center;gap:11px;font-size:15px}
.z36-intro-copy i{font-style:normal;color:#dbe9ff}
.z36-intro-copy em{font-style:normal;color:#438dfb;font-weight:400}
.z36-experience.is-intro-live .z36-intro-copy{opacity:1;translate:0 0}
.z36-intro-scan{position:absolute;bottom:7%;right:6%;left:6%;display:flex;align-items:center;gap:14px;font-size:7px;letter-spacing:.15em;color:#5f7ea9}
.z36-intro-scan i{height:1px;flex:1;background:linear-gradient(90deg,transparent,#2d70d1,#58a5ff,transparent);transform:scaleX(.02);transform-origin:right;transition:transform 1.3s .12s var(--z36-soft)}
.z36-experience.is-intro-live .z36-intro-scan i{transform:scaleX(1)}
.z36-intro-scan b{font-weight:600;color:#6d93c9}
.z36-experience.has-intro:not(.is-intro-done) .z36-hero-layout,.z36-experience.has-intro:not(.is-intro-done) .z36-scroll-cue{opacity:0;translate:0 10px}
.z36-hero-layout,.z36-scroll-cue{transition:opacity .75s var(--z36-spring),translate .9s var(--z36-spring)}
.z36-experience.is-intro-done .z36-hero-layout,.z36-experience.is-intro-done .z36-scroll-cue{opacity:1;translate:0 0}
.z36-signal-ribbon{height:1px;background:#071426;overflow:visible}
.z36-signal-ribbon>div{position:absolute;left:50%;top:0;translate:-50% -50%;width:min(920px,76vw);height:38px;border:1px solid rgba(74,135,229,.2);border-radius:999px;background:rgba(6,20,42,.88);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;gap:13px;box-shadow:0 12px 35px rgba(0,0,0,.14)}
.z36-signal-ribbon span{font-size:7px;letter-spacing:.13em;color:#698bbf}
.z36-signal-ribbon i{width:3px;height:3px;border-radius:50%;background:#4a95ff;box-shadow:0 0 8px #4a95ff}
.z36-story-visual{--story-p:0;--scene-p:0}
.z36-story-visual:after{mix-blend-mode:screen}
.z36-story-step:not(.is-active){filter:saturate(.76)}
.z36-command-chart .stroke{stroke-dasharray:900;transition:stroke-dashoffset .35s linear}
.z36-page-hero{isolation:isolate}
.z36-page-hero:before{content:"";position:absolute;width:48vw;height:48vw;min-width:420px;min-height:420px;border-radius:50%;border:1px solid rgba(78,139,238,.09);left:-15vw;top:8%;box-shadow:0 0 0 70px rgba(73,135,232,.025),0 0 0 150px rgba(73,135,232,.018);animation:z36PageHalo 16s ease-in-out infinite alternate}
.z36-page-copy,.z36-page-visual{position:relative;z-index:2}
.z36-about-page{background:#f5f8ff}
.z36-about-opening{background:#fff;overflow:hidden}
.z36-about-opening-meta{display:flex;align-items:center;gap:15px;color:#356ecb;font-size:9px;letter-spacing:.13em}
.z36-about-opening-meta i{height:1px;flex:1;background:#d9e5f6}
.z36-about-opening-meta b{font-weight:700;color:#9ba9bb}
.z36-about-statement{font-size:clamp(38px,5.6vw,78px);line-height:1.62;letter-spacing:-.045em;font-weight:850;margin:50px 0 65px;color:#0a172a}
.z36-about-statement b{color:#9aacc4}
.z36-about-statement strong{color:#367cf6;font-weight:900}
.z36-about-marquee{margin-inline:calc((100vw - min(1280px,calc(100vw - 64px)))/-2);overflow:hidden;border-block:1px solid #e0e8f4;color:#bfd0e5}
.z36-about-marquee>div{width:max-content;padding:14px 0;font-size:11px;letter-spacing:.16em;font-weight:900;animation:z36Ticker 30s linear infinite}
.z36-about-dna{position:relative;background:#061429;color:#fff;padding:130px 0;overflow:hidden}
.z36-about-dna-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(72,134,225,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(72,134,225,.06) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(circle at 70% 50%,#000,transparent 74%)}
.z36-about-dna-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px;align-items:center;position:relative}
.z36-about-dna-copy>span,.z36-about-method-copy>span{font-size:9px;color:#5a90e5;letter-spacing:.14em}
.z36-about-dna-copy h2,.z36-about-method-copy h2{font-size:clamp(42px,5vw,70px);line-height:1.14;margin:16px 0 20px}
.z36-about-dna-copy h2 b,.z36-about-method-copy h2 b{color:#55a1ff}
.z36-about-dna-copy p,.z36-about-method-copy p{color:#92a8c8;line-height:2;max-width:520px}
.z36-about-dna-index{display:flex;align-items:center;gap:12px;margin-top:38px}
.z36-about-dna-index i{width:80px;height:1px;background:linear-gradient(90deg,#3886f5,transparent)}
.z36-about-dna-index small{font-size:8px;color:#5e7da9;letter-spacing:.13em}
.z36-about-orbit-stage{position:relative;display:grid;place-items:center;transform-style:preserve-3d;--about-p:0}
.z36-about-ring{position:absolute;border:1px solid rgba(73,143,255,.23);border-radius:50%;width:260px;height:260px;rotate:var(--about-r1,0deg)}
.z36-about-ring.r2{width:430px;height:430px;border-style:dashed}
.z36-about-ring.r3{width:590px;height:590px;opacity:.5}
.z36-about-core{position:relative;width:150px;height:150px;border-radius:42px;background:linear-gradient(145deg,rgba(66,132,255,.2),rgba(4,22,50,.94));border:1px solid rgba(92,156,255,.32);display:grid;place-items:center;box-shadow:0 30px 90px rgba(0,0,0,.28);z-index:4}
.z36-about-core:before{content:"";position:absolute;inset:13px;border:1px solid rgba(90,152,255,.16);border-radius:31px}
.z36-about-core img{width:78px}
.z36-about-core small{position:absolute;bottom:-28px;font-size:7px;color:#6f8fbe;letter-spacing:.13em}
.z36-about-node{position:absolute;padding:12px 14px;border-radius:14px;border:1px solid rgba(94,155,249,.2);background:rgba(7,26,56,.84);backdrop-filter:blur(12px);display:grid;gap:3px;min-width:120px;box-shadow:0 15px 45px rgba(0,0,0,.16)}
.z36-about-node b{font-size:10px}
.z36-about-node small{font-size:7px;color:#6288bd}
.z36-about-node.n1{top:11%;right:9%}
.z36-about-node.n2{top:24%;left:2%}
.z36-about-node.n3{right:1%;bottom:23%}
.z36-about-node.n4{left:10%;bottom:8%}
.z36-about-node.n5{left:42%;top:5%}
.z36-about-node:hover{border-color:#4d99ff}
.z36-about-values2{background:#f5f8ff}
.z36-about-values-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-top:50px}
.z36-about-values-grid article{--mx:50%;--my:50%;padding:30px;border:1px solid #dce6f4;border-radius:28px;background:#fff;display:grid;grid-template-columns:42px 1fr 24px;gap:22px;position:relative;overflow:hidden;isolation:isolate}
.z36-about-values-grid article:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx) var(--my),rgba(54,124,246,.12),transparent 31%);opacity:0;transition:opacity .3s;z-index:-1}
.z36-about-values-grid article:hover:before{opacity:1}
.z36-about-values-grid article.v1,.z36-about-values-grid article.v4{background:#081a34;color:#fff;border-color:#163a68}
.z36-about-values-grid article>span{font-size:10px;color:#4d86da}
.z36-about-values-grid small{font-size:8px;letter-spacing:.14em;color:#6d8fc1}
.z36-about-values-grid h3{font-size:30px;margin:11px 0}
.z36-about-values-grid p{font-size:13px;line-height:1.95;color:#77879e;max-width:500px}
.z36-about-values-grid .v1 p,.z36-about-values-grid .v4 p{color:#96a9c8}
.z36-about-values-grid article>b{color:#438af4;font-size:22px;font-weight:400}
.z36-about-values-grid .v2{translate:0 50px}
.z36-about-values-grid .v4{translate:0 50px}
.z36-about-method{background:#eef4fc}
.z36-about-method-layout{display:grid;grid-template-columns:.68fr 1.32fr;gap:85px}
.z36-about-method-copy{position:sticky;top:135px;align-self:start}
.z36-about-method-copy h2{color:#0a172a}
.z36-about-method-copy p{color:#75859b}
.z36-about-method-line{height:180px;width:1px;background:#cbd8eb;margin-top:36px;position:relative}
.z36-about-method-line i{display:block;width:2px;height:100%;background:#367cf6;transform:scaleY(0);transform-origin:top}
.z36-about-method-steps article{min-height:210px;border-bottom:1px solid #d2deed;display:grid;grid-template-columns:58px 1fr;gap:25px;padding:34px 0}
.z36-about-method-steps article>b{font-size:11px;color:#367cf6}
.z36-about-method-steps small{font-size:8px;color:#6380a9;letter-spacing:.14em}
.z36-about-method-steps h3{font-size:30px;margin:9px 0}
.z36-about-method-steps p{font-size:13px;line-height:1.9;color:#77879f;max-width:570px}
.z36-about-facts{background:#367cf6;color:#fff}
.z36-about-facts .z36-container{display:grid;grid-template-columns:repeat(4,1fr)}
.z36-about-facts .z36-container>div{min-height:190px;padding:28px;border-left:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;justify-content:center}
.z36-about-facts small{font-size:8px;letter-spacing:.14em;color:#cbdfff}
.z36-about-facts strong{font-size:43px;margin:9px 0}
.z36-about-facts span{font-size:11px;color:#e6f0ff}
.z36-contact-page{background:#f4f7fc}
.z36-contact-hub{position:relative;background:linear-gradient(180deg,#061429 0,#08182f 62%,#f4f7fc 62%);overflow:hidden}
.z36-contact-canvas{position:absolute;inset:0 0 auto;width:100%;height:64%;opacity:.36;pointer-events:none}
.z36-contact-hub-layout{display:grid;grid-template-columns:.88fr 1.12fr;gap:22px;align-items:stretch;position:relative;z-index:2}
.z36-contact-console,.z36-contact-form-card{border-radius:30px;overflow:hidden}
.z36-contact-console{background:linear-gradient(155deg,#0b2348,#07172d);border:1px solid rgba(93,155,255,.23);color:#fff;padding:30px;display:flex;flex-direction:column}
.z36-contact-console-head{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:.12em;color:#7194c8}
.z36-contact-console-head b{font-weight:700;display:flex;align-items:center;gap:7px;color:#8fb5ec}
.z36-contact-console-head i,.z36-live i{width:7px;height:7px;border-radius:50%;background:#54d893;box-shadow:0 0 13px rgba(84,216,147,.8)}
.z36-contact-console h2{font-size:clamp(40px,4.4vw,62px);line-height:1.16;margin:50px 0 18px}
.z36-contact-console h2 strong{color:#54a1ff}
.z36-contact-console>p{font-size:13px;line-height:2;color:#93a8c7;max-width:520px}
.z36-contact-routes{display:grid;margin-top:32px;border-top:1px solid rgba(94,150,238,.16)}
.z36-contact-routes a{display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:14px;min-height:82px;border-bottom:1px solid rgba(94,150,238,.13);color:#8da7cc}
.z36-contact-routes a:hover,.z36-contact-routes a.is-active{color:#fff;padding-inline:10px;background:linear-gradient(90deg,rgba(54,124,246,.13),transparent)}
.z36-contact-routes a>span{font-size:9px;color:#4e85d5}
.z36-contact-routes small{font-size:7px;letter-spacing:.13em;color:#6586b5}
.z36-contact-routes b{display:block;margin-top:3px;font-size:14px}
.z36-contact-routes i{font-style:normal;color:#4d96ff}
.z36-contact-signal{margin-top:auto;min-height:190px;border:1px solid rgba(89,151,247,.16);border-radius:22px;background:#07172d;display:grid;grid-template-columns:180px 1fr;align-items:center;padding:18px}
.z36-contact-signal .radar{width:150px;height:150px;border:1px solid #225798;border-radius:50%;position:relative;display:grid;place-items:center}
.z36-contact-signal .radar i{position:absolute;border:1px solid #1e477d;border-radius:50%;width:68%;height:68%}
.z36-contact-signal .radar i:nth-child(2){width:38%;height:38%}
.z36-contact-signal .radar i:nth-child(3){width:1px;height:93%;border:0;background:linear-gradient(#50a2ff,transparent);border-radius:0;animation:z36Spin 4.4s linear infinite}
.z36-contact-signal .radar b{font-size:26px;color:#5ba8ff}
.z36-contact-signal .readout{display:grid;gap:6px}
.z36-contact-signal small{font-size:7px;color:#6486b7;letter-spacing:.13em}
.z36-contact-signal strong{font-size:21px}
.z36-contact-signal .readout span{font-size:8px;color:#79a4db;display:flex;align-items:center;gap:7px}
.z36-contact-signal .readout span i{width:6px;height:6px;border-radius:50%;background:#51d993;box-shadow:0 0 10px #51d993}
.z36-contact-form-card{background:#fff;border:1px solid #dce6f3;color:#071426;padding:26px}
.z36-contact-form-card>header{display:flex;justify-content:space-between;align-items:start;padding:3px 4px 20px;border-bottom:1px solid #e1e8f2}
.z36-contact-form-card>header div{display:grid;gap:6px}
.z36-contact-form-card>header span{font-size:8px;letter-spacing:.14em;color:#4d7dc9}
.z36-contact-form-card>header b{font-size:22px}
.z36-contact-form-card>header small{font-size:8px;color:#91a1b7}
.z36-contact-form-card .z36-form{box-shadow:none;border:0;padding:22px 0 0;background:transparent}
.z36-contact-details{background:#f4f7fc}
.z36-contact-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.z36-contact-detail-grid article{--mx:50%;--my:50%;min-height:300px;padding:28px;border:1px solid #dce5f2;border-radius:26px;background:#fff;position:relative;overflow:hidden;isolation:isolate}
.z36-contact-detail-grid article:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--mx) var(--my),rgba(54,124,246,.13),transparent 33%);opacity:0;z-index:-1;transition:opacity .3s}
.z36-contact-detail-grid article:hover:before{opacity:1}
.z36-contact-detail-grid article>span{font-size:8px;color:#4a79c2;letter-spacing:.13em}
.z36-contact-detail-grid h3{font-size:25px;margin:20px 0 12px;overflow-wrap:anywhere}
.z36-contact-detail-grid p{font-size:13px;line-height:1.9;color:#78879d}
.z36-contact-detail-grid a{display:inline-flex;gap:7px;margin-top:18px;color:#2f6ed8;font-size:13px;font-weight:800}
.z36-contact-detail-grid a i{font-style:normal}
.z36-live{display:flex;align-items:center;gap:8px;font-size:9px;color:#58749f;margin-top:22px}
.z36-contact-note{background:#fff;border-block:1px solid #e0e8f3;padding:82px 0}
.z36-contact-note span{font-size:8px;color:#4a7ccc;letter-spacing:.14em}
.z36-contact-note p{font-size:clamp(30px,4.4vw,58px);line-height:1.55;max-width:1050px;margin:20px 0 0;font-weight:850;letter-spacing:-.035em}
.z36-contact-note p b{color:#367cf6}
.z36-form input:focus,.z36-form select:focus,.z36-form textarea:focus{background-color:#fff;transform:translateY(-1px)}
@keyframes z36IntroDrift{to{transform:translate3d(45px,26px,0)}}
@keyframes z36PageHalo{from{transform:translate3d(0,-12px,0) scale(.94)}to{transform:translate3d(30px,22px,0) scale(1.06)}}
:root{
  --z36-cinema:cubic-bezier(.16,1,.3,1);
  --z36-cinema-soft:cubic-bezier(.22,.72,.2,1);
  --z36-section-space:clamp(76px,8vw,128px);
  --z36-section-space-sm:clamp(54px,6vw,88px);
}
html{scroll-padding-top:calc(var(--z36-header) + var(--z36-admin,0px) + 24px)}
body.zandino-theme-v36{overflow-x:clip;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img,svg,video,canvas{max-width:100%}
.z36-section,.z36-inner-section{padding-block:var(--z36-section-space)}
.z36-inner-main>section[id],.z36-experience>section[id]{scroll-margin-top:calc(var(--z36-header) + var(--z36-admin,0px) + 22px)}
.z36-btn,.z36-project-card,.z36-cap-card,.z36-about-values-grid article,.z36-contact-detail-grid article{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.z36-btn:focus-visible,.z36-nav a:focus-visible,.z36-mobile-menu a:focus-visible,.z36-contact-routes a:focus-visible{outline:2px solid #72b3ff;outline-offset:4px}
.z36-btn.z36-magnetic{translate:var(--mag-x,0px) var(--mag-y,0px)}
[data-z36-depth]{translate:var(--depth-x,0px) var(--depth-y,0px)}
[data-z36-tilt]{transform:perspective(1400px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-origin:center;transition:box-shadow .45s var(--z36-cinema),border-color .35s,transform .22s linear}
.z36-browser-window,.z36-mobile-window{translate:var(--stack-x,0px) var(--stack-y,0px)}
.z36-contact-signal{translate:var(--signal-x,0px) var(--signal-y,0px)}
.z36-reveal{opacity:1;transform:translate3d(0,0,0) scale(1);filter:none;transition:opacity .9s var(--z36-cinema),transform 1.05s var(--z36-cinema),filter .85s var(--z36-cinema);transition-delay:var(--reveal-delay,0ms)}
.z36-motion-enabled .z36-reveal[data-z36-reveal-ready]:not(.is-visible){opacity:0;transform:translate3d(0,18px,0) scale(.992);filter:blur(2px)}
.z36-reveal.is-visible{opacity:1;transform:translate3d(0,0,0) scale(1);filter:none}
.z36-hero{min-height:max(780px,100svh);padding-top:clamp(124px,13vh,158px);padding-bottom:clamp(64px,8vh,94px);isolation:isolate}
.z36-hero-layout{min-height:clamp(580px,70svh,760px)}
.z36-hero-copy{translate:var(--depth-x,0px) calc(var(--depth-y,0px) + var(--hero-y,0px))}
.z36-reactor{translate:var(--depth-x,0px) calc(var(--depth-y,0px) + var(--reactor-y,0px))}
.z36-hero-grid{background-position:0 var(--hero-grid-y,0px)}
.z36-hero-glow{opacity:var(--hero-glow-o,.09)}
.z36-hero-aperture{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;z-index:0;opacity:.85}
.z36-hero-aperture>i{position:absolute;border:1px solid rgba(86,153,255,.11);border-radius:50%;width:min(52vw,690px);aspect-ratio:1;animation:z36Aperture 18s linear infinite}
.z36-hero-aperture>i:nth-child(2){width:min(68vw,900px);border-style:dashed;opacity:.55;animation-duration:34s;animation-direction:reverse}
.z36-hero-aperture>i:nth-child(3){width:min(84vw,1120px);opacity:.28;animation-duration:52s}
.z36-hero-aperture>b{width:1px;height:min(68vh,650px);background:linear-gradient(transparent,rgba(89,160,255,.18),transparent);box-shadow:180px 0 rgba(77,145,250,.035),-180px 0 rgba(77,145,250,.035);rotate:18deg}
.z36-hero-beam{position:absolute;z-index:0;width:58vw;height:22vw;min-height:190px;right:23%;top:34%;background:linear-gradient(90deg,transparent,rgba(64,136,255,.075),transparent);filter:blur(18px);rotate:-13deg;transform-origin:center;animation:z36BeamBreath 6.5s ease-in-out infinite alternate;pointer-events:none}
.z36-reactor-core{overflow:visible}
.z36-reactor-core small{position:absolute;top:calc(100% + 13px);left:50%;translate:-50% 0;font-size:7px;letter-spacing:.16em;color:#7298c9;white-space:nowrap;font-weight:800}
.z36-reactor-core:after{content:"";position:absolute;inset:-18px;border:1px solid rgba(83,160,255,.18);border-radius:38%;animation:z36CorePulse 3.2s var(--z36-cinema-soft) infinite}
.z36-reactor-node{transition:transform .9s var(--z36-cinema),border-color .4s,background .4s,opacity .7s;box-shadow:0 16px 42px rgba(0,0,0,.12)}
.z36-reactor-node:nth-of-type(odd){animation:z36NodeFloatA 5.8s ease-in-out infinite alternate}
.z36-reactor-node:nth-of-type(even){animation:z36NodeFloatB 6.8s ease-in-out infinite alternate}
.z36-signal-ribbon{position:relative;z-index:3}
.z36-signal-ribbon:before,.z36-signal-ribbon:after{content:"";position:absolute;top:0;bottom:0;width:15%;z-index:2;pointer-events:none}
.z36-signal-ribbon:before{right:0;background:linear-gradient(90deg,transparent,#071426)}
.z36-signal-ribbon:after{left:0}
.z36-story{padding-block:clamp(82px,8vw,116px)}
.z36-story-layout{gap:clamp(42px,5vw,78px)}
.z36-story-visual-wrap{height:min(720px,calc(100svh - var(--z36-header) - var(--z36-admin,0px) - 52px));min-height:590px;top:calc(var(--z36-header) + var(--z36-admin,0px) + 26px)}
.z36-story-visual{--story-grid-x:0px;--story-grid-y:0px;--story-angle:0deg;--story-dash:260;border-color:rgba(93,157,255,.2);box-shadow:0 32px 95px rgba(0,0,0,.2)}
.z36-scene-grid{background-position:var(--story-grid-x) var(--story-grid-y)}
.z36-story-visual:after{background:conic-gradient(from var(--story-angle),transparent,rgba(54,124,246,.075),transparent 24%)}
.z36-command-chart .stroke{stroke-dashoffset:var(--story-dash)}
.z36-command-panel,.z36-launch-stage,.z36-rocket,.z36-scene-card{transition-duration:1s;transition-timing-function:var(--z36-cinema);will-change:auto}
.z36-story-visual:hover .z36-command-panel,.z36-story-visual:hover .z36-launch-stage{will-change:transform}
.z36-story-step{min-height:clamp(470px,62vh,650px);padding-block:clamp(62px,8vh,88px);transition:opacity .78s var(--z36-cinema),transform .9s var(--z36-cinema),filter .75s}
.z36-scene-head{padding-inline-end:86px}
.z36-scene-dots{position:absolute;top:25px;left:25px;display:flex;gap:6px;direction:ltr}
.z36-scene-dots i{width:18px;height:4px;border-radius:9px;background:rgba(126,172,237,.18);transition:width .55s var(--z36-cinema),background .45s}
.z36-scene-dots i.is-active{width:36px;background:#58a5ff;box-shadow:0 0 16px rgba(88,165,255,.5)}
.z36-capabilities,.z36-web-lab,.z36-proof,.z36-projects,.z36-process{position:relative;isolation:isolate}
.z36-capabilities:before,.z36-projects:before{content:"";position:absolute;top:0;left:50%;translate:-50% 0;width:min(1180px,88%);height:1px;background:linear-gradient(90deg,transparent,rgba(87,148,236,.22),transparent)}
.z36-cap-card{transition:translate .65s var(--z36-cinema),box-shadow .65s var(--z36-cinema),border-color .45s}
.z36-cap-card:hover{translate:0 -5px}
.z36-project-card{transition:translate .65s var(--z36-cinema),box-shadow .65s var(--z36-cinema),border-color .45s}
.z36-project-card:hover{translate:0 -4px}
.z36-proof-number strong,.z36-about-facts strong{font-variant-numeric:tabular-nums}
.z36-page-hero{min-height:clamp(680px,88svh,860px);padding-top:clamp(132px,14vh,164px);padding-bottom:clamp(58px,8vh,84px)}
.z36-page-hero-layout{min-height:clamp(480px,62svh,610px);gap:clamp(44px,6vw,86px)}
.z36-page-visual{transform-style:preserve-3d}
.z36-page-art{filter:drop-shadow(0 28px 50px rgba(0,0,0,.12))}
.art-about .core,.art-contact .message{transition:translate 1s var(--z36-cinema),filter 1s var(--z36-cinema)}
.z36-page-hero:hover .art-about .core{translate:0 -4px}
.z36-page-hero:hover .art-contact .message{translate:0 -3px}
.z36-about-opening{padding-top:var(--z36-section-space-sm)}
.z36-about-statement{max-width:1080px;text-wrap:balance}
.z36-about-dna{padding-block:clamp(90px,10vw,150px)}
.z36-about-orbit-stage{height:clamp(520px,52vw,660px)}
.z36-about-ring.r1{rotate:var(--about-r1,0deg)}
.z36-about-ring.r2{rotate:var(--about-r2,0deg)}
.z36-about-ring.r3{rotate:var(--about-r3,0deg)}
.z36-about-node{translate:var(--about-x,0px) var(--about-y,0px);transition:translate .35s linear,border-color .35s,background .35s}
.z36-about-values-grid article{min-height:clamp(210px,22vw,280px);transition:translate .65s var(--z36-cinema),box-shadow .65s var(--z36-cinema),border-color .4s}
.z36-about-values-grid article:hover{translate:0 -4px;box-shadow:0 24px 60px rgba(28,62,115,.08)}
.z36-about-method-steps article{transition:translate .65s var(--z36-cinema),background .5s,border-color .5s}
.z36-about-method-steps article:hover{translate:-5px 0}
.z36-contact-hub{padding-top:clamp(82px,9vw,132px)}
.z36-contact-console,.z36-contact-form-card{box-shadow:0 24px 72px rgba(4,18,43,.13)}
.z36-contact-console{min-height:clamp(660px,68vw,760px)}
.z36-contact-routes a{transition:background .5s var(--z36-cinema),border-color .5s,color .5s,translate .55s var(--z36-cinema)}
.z36-contact-routes a:hover,.z36-contact-routes a.is-active{translate:-3px 0}
.z36-contact-signal{transition:border-color .5s,box-shadow .6s var(--z36-cinema)}
.z36-contact-signal:hover{border-color:rgba(91,163,255,.3);box-shadow:0 18px 55px rgba(2,13,34,.18)}
.z36-contact-form-card .z36-form{padding-inline:0;padding-bottom:0}
.z36-form input,.z36-form select,.z36-form textarea{transition:border-color .35s,box-shadow .35s,background .35s}
.z36-form input:focus,.z36-form select:focus,.z36-form textarea:focus{border-color:#6ba9ff;box-shadow:0 0 0 4px rgba(69,139,247,.09);outline:0}
.z36-form-progress i{overflow:hidden}
.z36-form-progress i b{transition:width .6s var(--z36-cinema)}
.z36-contact-detail-grid article{transition:translate .65s var(--z36-cinema),box-shadow .65s var(--z36-cinema),border-color .4s}
.z36-contact-detail-grid article:hover{translate:0 -4px;box-shadow:0 24px 65px rgba(24,58,110,.09)}
@keyframes z36Aperture{to{rotate:360deg}}
@keyframes z36BeamBreath{from{opacity:.38;scale:.96}to{opacity:.82;scale:1.04}}
@keyframes z36CorePulse{0%,100%{scale:.94;opacity:.12}50%{scale:1.12;opacity:.48}}
@keyframes z36NodeFloatA{from{transform:translate3d(0,-2px,0)}to{transform:translate3d(0,5px,0)}}
@keyframes z36NodeFloatB{from{transform:translate3d(0,4px,0)}to{transform:translate3d(0,-3px,0)}}
.z36-skip-link{position:fixed;z-index:99999;top:8px;right:12px;translate:0 -150%;padding:10px 14px;border-radius:10px;background:#fff;color:#071426;font-size:12px;font-weight:800;box-shadow:0 12px 35px rgba(0,0,0,.18);transition:translate .25s var(--z36-cinema)}
.z36-skip-link:focus{translate:0 0;outline:2px solid #367cf6;outline-offset:2px}
.z36-experience{isolation:isolate}
.z36-experience:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.018;background:repeating-linear-gradient(0deg,rgba(255,255,255,.35) 0 1px,transparent 1px 4px);mix-blend-mode:soft-light}
.z36-hero{--hero-inertia:0;--hero-velocity:0}
.z36-reactor{rotate:var(--hero-rotate,0deg);scale:var(--hero-scale,1)}
.z36-reactor-core{box-shadow:0 25px 70px rgba(2,16,46,.5),inset 0 0 45px rgba(55,125,246,.08),0 0 26px rgba(54,124,246,.11)}
.z36-hero-beam{opacity:var(--hero-beam-o,.26);scale:var(--hero-beam-scale,1) 1}
.z36-hero-aperture{rotate:var(--hero-aperture-rotate,0deg)}
.z36-story-visual{--story-inertia:0;--story-velocity:0;transform-origin:center;transition:border-color .6s var(--z36-cinema),box-shadow .6s var(--z36-cinema)}
.z36-story-visual:before{content:"";position:absolute;z-index:8;pointer-events:none;inset:0;background:linear-gradient(105deg,transparent 34%,rgba(109,178,255,.055) 48%,transparent 62%);translate:var(--story-sheen-x,0%) 0;opacity:var(--story-sheen-o,.35);mix-blend-mode:screen}
.z36-launch-stage{translate:0 var(--story-launch-y,0px)}
.z36-command-panel{translate:var(--story-command-x,0px) 0}
.z36-signal-ribbon,.z36-ticker{position:relative;z-index:3}
.z36-signal-ribbon:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent);width:24%;translate:-170% 0;animation:z36SignalSweep 7.5s var(--z36-cinema) infinite}
@keyframes z36SignalSweep{0%,18%{translate:-170% 0;opacity:0}28%{opacity:.7}52%{translate:520% 0;opacity:.7}60%,100%{translate:520% 0;opacity:0}}
.z36-capabilities,.z36-projects,.z36-process,.z36-blog{overflow:clip}
.z36-capabilities:before,.z36-projects:before,.z36-process:before,.z36-blog:before{content:"";position:absolute;left:50%;top:0;width:min(920px,72vw);height:1px;translate:-50% 0;background:linear-gradient(90deg,transparent,rgba(63,125,227,.21),transparent)}
.z36-web-lab:after,.z36-proof:after{content:"";position:absolute;left:7%;right:7%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(105,164,255,.17),transparent);pointer-events:none}
.z36-project-card:hover .z36-art{transform:scale(1.012)}
.z36-page-hero,.z36-contact-hub,.z36-about-dna{overflow:clip}
.z36-page-hero:after{content:"";position:absolute;inset:auto 8% 0;height:1px}
.z36-quality-lite .z36-header-inner,.z36-quality-lite .z36-reactor-node,.z36-quality-lite .z36-command-panel{backdrop-filter:none}
.z36-quality-lite .z36-hero-glow{filter:blur(78px)}
.z36-quality-lite .z36-reactor-core,.z36-quality-lite .z36-story-visual{box-shadow:0 20px 56px rgba(0,0,0,.18)}
.z36-quality-lite .z36-experience:before{display:none}
.z36-route-transition{position:fixed;inset:0;z-index:10000;pointer-events:none;display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden;isolation:isolate}
.z36-route-slab{background:#061328}
.z36-route-slab.s2{background:#0a1f42}
.z36-route-slab.s3{background:#367cf6}
.z36-route-signal{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;color:#fff;opacity:0;transform:translate3d(0,14px,0) scale(.98);text-align:center}
.z36-route-signal>span{font-size:8px;letter-spacing:.18em;color:#89a9db}
.z36-route-signal>strong{font-size:clamp(26px,3vw,44px);max-width:min(760px,80vw);line-height:1.2}
.z36-route-signal>small{font-size:8px;letter-spacing:.16em;color:#7798cc}
.z36-route-mark{width:78px;height:78px;border-radius:24px;border:1px solid rgba(126,178,255,.28);background:rgba(10,32,68,.78);display:grid;place-items:center;position:relative;box-shadow:0 18px 60px rgba(0,0,0,.22)}
.z36-route-mark i{position:absolute;inset:-18px;border:1px dashed rgba(104,165,255,.3);border-radius:50%}
.z36-route-mark img{width:46px;height:46px;object-fit:contain}
.z36-mobile-menu-art{display:none}
.z36-mobile-panel>ul{counter-reset:z36mobile}
.z36-mobile-panel>ul>li{counter-increment:z36mobile}
.z36-mobile-panel>ul>li>a:before{content:"0" counter(z36mobile);font-size:8px;letter-spacing:.12em;color:#4f80ca;margin-inline-end:14px;align-self:center}
.z36-mobile-dock{display:none;position:fixed;z-index:89;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(330px,calc(100% - 28px));height:42px;border:1px solid rgba(113,169,255,.2);border-radius:14px;background:rgba(5,18,38,.83);backdrop-filter:blur(15px) saturate(130%);box-shadow:0 12px 35px rgba(1,10,25,.2);align-items:center;gap:11px;padding:0 12px;pointer-events:none;color:#7896c5;transition:opacity .4s,translate .4s var(--z36-cinema)}
.z36-mobile-dock>span{display:flex;align-items:baseline;gap:3px;font-size:8px}
.z36-mobile-dock>span b{color:#fff;font-size:10px}
.z36-mobile-dock>span em{font-style:normal;opacity:.35}
.z36-mobile-dock>span small{font-size:7px}
.z36-mobile-dock>i{height:2px;flex:1;background:rgba(104,157,238,.14);border-radius:9px;overflow:hidden}
.z36-mobile-dock>i>b{display:block;width:100%;height:100%;background:#4e98ff;transform:scaleX(0);transform-origin:right}
.z36-mobile-dock>strong{font-size:7px;letter-spacing:.13em}
.z36-mobile-dock.is-away{opacity:0;translate:0 12px}
.z36-idea-machine{position:relative;background:#f5f8fe;color:#071426;padding:clamp(84px,9vw,132px) 0;overflow:clip;border-block:1px solid #dce6f3}
.z36-idea-machine:before{content:"";position:absolute;width:760px;height:760px;border:1px solid rgba(54,124,246,.08);border-radius:50%;left:-300px;top:-270px;box-shadow:0 0 0 90px rgba(54,124,246,.025),0 0 0 190px rgba(54,124,246,.018)}
.z36-idea-head{display:grid;grid-template-columns:1.2fr .8fr;column-gap:80px;align-items:end;margin-bottom:52px;position:relative;z-index:2}
.z36-idea-head>span{grid-column:1/-1;font-size:8px;letter-spacing:.16em;color:#4d7dca;margin-bottom:14px}
.z36-idea-head h2{font-size:clamp(40px,5vw,68px);line-height:1.2;margin:0;letter-spacing:-.04em}
.z36-idea-head h2 b{color:#367cf6}
.z36-idea-head p{font-size:12px;line-height:2;color:#71829b;max-width:460px;margin:0}
.z36-idea-stage{height:500px;position:relative;border-radius:32px;background:linear-gradient(145deg,#071426,#0b2247);border:1px solid rgba(47,101,181,.28);overflow:hidden;isolation:isolate;box-shadow:0 35px 90px rgba(22,52,100,.13)}
.z36-idea-stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(86,147,241,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(86,147,241,.06) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(circle at center,#000,transparent 78%)}
.z36-idea-stage:after{content:"TRANSLATE / 001";position:absolute;right:22px;bottom:18px;font-size:7px;letter-spacing:.16em;color:#5476a9}
.z36-idea-rail{position:absolute;height:86px;left:6%;right:6%;border:1px solid rgba(95,157,255,.18);border-radius:18px;background:rgba(10,31,65,.72);backdrop-filter:blur(8px);display:grid;grid-template-columns:130px 1fr 90px;align-items:center;padding:0 22px;color:#fff;overflow:hidden;transform:translate3d(var(--rail-x,0),0,0)}
.z36-idea-rail:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(89,159,255,.08),transparent);transform:translateX(var(--rail-sheen,-120%))}
.z36-idea-rail.r1{top:58px;--rail-x:var(--idea-r1,0px)}
.z36-idea-rail.r2{top:207px;--rail-x:var(--idea-r2,0px)}
.z36-idea-rail.r3{top:356px;--rail-x:var(--idea-r3,0px)}
.z36-idea-rail small{font-size:8px;letter-spacing:.13em;color:#6689bc}
.z36-idea-rail strong{font-size:clamp(19px,2.2vw,29px);font-weight:900}
.z36-idea-rail span{justify-self:end;font-size:10px;color:#58a4ff;letter-spacing:.14em}
.z36-idea-core{position:absolute;z-index:4;width:138px;height:138px;border-radius:40px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(var(--idea-rotate,0deg));background:linear-gradient(145deg,rgba(55,126,246,.24),#07172e);border:1px solid rgba(107,165,255,.35);display:grid;place-items:center;box-shadow:0 25px 65px rgba(1,9,24,.42)}
.z36-idea-core>i{position:absolute;border:1px dashed rgba(81,146,249,.3);border-radius:50%;width:220px;height:220px;animation:z36Spin 28s linear infinite}
.z36-idea-core>i:nth-child(2){width:310px;height:310px;animation-direction:reverse;animation-duration:40s;opacity:.55}
.z36-idea-core>div{width:92px;height:92px;border-radius:26px;background:#0a2349;display:grid;place-items:center;position:relative}
.z36-idea-core img{width:50px}
.z36-idea-core small{position:absolute;white-space:nowrap;bottom:-31px;font-size:6px;color:#6e91c6;letter-spacing:.14em}
.z36-page-hero{--page-accent:#5aa6ff;--page-glow:rgba(55,124,246,.18)}
.z36-page-hero[data-z36-page-mode="services"]{--page-accent:#65b9ff;background:radial-gradient(circle at 70% 35%,rgba(58,153,255,.17),transparent 30%),linear-gradient(180deg,#051429,#07172d)}
.z36-page-hero[data-z36-page-mode="web"]{--page-accent:#76c7ff;background:radial-gradient(circle at 66% 30%,rgba(46,141,255,.2),transparent 31%),linear-gradient(180deg,#051327,#07172e)}
.z36-page-hero[data-z36-page-mode="work"]{--page-accent:#8d9fff;background:radial-gradient(circle at 76% 42%,rgba(77,92,229,.17),transparent 32%),linear-gradient(180deg,#061229,#08172f)}
.z36-page-hero[data-z36-page-mode="about"]{--page-accent:#67d4ff;background:radial-gradient(circle at 22% 35%,rgba(46,155,225,.16),transparent 31%),linear-gradient(180deg,#061329,#07172d)}
.z36-page-hero[data-z36-page-mode="consult"]{--page-accent:#72a8ff;background:radial-gradient(circle at 70% 28%,rgba(76,123,255,.16),transparent 30%),linear-gradient(180deg,#06132b,#07172e)}
.z36-page-hero[data-z36-page-mode="contact"]{--page-accent:#61b6ff;background:radial-gradient(circle at 78% 30%,rgba(56,132,255,.18),transparent 30%),linear-gradient(180deg,#051227,#07172d)}
.z36-page-hero[data-z36-page-mode="blog"]{--page-accent:#9ab7ff;background:radial-gradient(circle at 72% 32%,rgba(85,111,226,.16),transparent 30%),linear-gradient(180deg,#06132b,#07172e)}
.z36-page-copy h1 strong{color:var(--page-accent)}
.z36-page-hero .z36-page-grid{transform:translate3d(var(--page-grid-x,0),var(--page-grid-y,0),0)}
.z36-page-visual{transform:translate3d(var(--page-px,0),calc(var(--page-py,0) + var(--page-visual-y,0px)),0) rotate(var(--page-visual-r,0deg))}
.z36-page-copy{transform:translate3d(0,var(--page-copy-y,0px),0)}
.z36-page-hero:after{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--page-accent) 30%,transparent),transparent)}
.z36-service-orbit .node{appearance:none;font:inherit;color:inherit;cursor:pointer;text-align:inherit}
.z36-service-orbit .core{display:grid;place-items:center;align-content:center;gap:5px}
.z36-service-orbit .core b{font-size:30px}
.z36-service-orbit .core small{font-size:6px;letter-spacing:.13em;color:#7595c5;max-width:90px;text-align:center}
.z36-service-map-readout{position:absolute;right:5%;left:5%;bottom:5%;min-height:72px;border-top:1px solid rgba(89,148,242,.17);padding-top:14px;display:grid;grid-template-columns:90px 1fr;align-items:start;gap:16px;color:#fff}
.z36-service-map-readout span{font-size:7px;letter-spacing:.14em;color:#5a81bb}
.z36-service-map-readout p{font-size:10px;line-height:1.75;color:#8ca4c8;margin:0;max-width:420px}
.z36-service-orbit .node.is-active{border-color:#5da7ff;background:#0f315e;box-shadow:0 12px 35px rgba(21,78,156,.18)}
.z36-about-node{appearance:none;color:#fff;font:inherit;text-align:start;cursor:pointer}
.z36-about-node.is-active{border-color:#5aa5ff;background:#0d315d;box-shadow:0 16px 45px rgba(14,77,158,.22)}
.z36-about-orbit-readout{position:absolute;z-index:5;right:50%;bottom:4%;transform:translateX(50%);width:min(480px,72%);padding:16px 18px;border-radius:18px;border:1px solid rgba(91,153,247,.18);background:rgba(5,22,48,.88);backdrop-filter:blur(12px);text-align:center;box-shadow:0 18px 60px rgba(0,0,0,.18)}
.z36-about-orbit-readout small{font-size:7px;color:#5f8fd5;letter-spacing:.13em}
.z36-about-orbit-readout strong{display:block;font-size:16px;margin:4px 0 5px}
.z36-about-orbit-readout p{font-size:9px;line-height:1.75;color:#8fa7ca;margin:0}
.z36-contact-signal .readout p{font-size:8px;color:#6388ba;line-height:1.6;margin:0}
.z36-contact-signal .radar:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#64b3ff;box-shadow:0 0 0 8px rgba(73,151,255,.08),0 0 25px #4395ff;transform:translate(var(--route-dot-x,28px),var(--route-dot-y,-24px));transition:transform .75s var(--z36-cinema)}
.z36-contact-signal[data-route="DIRECT"] .radar:after{--route-dot-x:-32px;--route-dot-y:16px}
.z36-contact-signal[data-route="COLLAB"] .radar:after{--route-dot-x:22px;--route-dot-y:35px}
.z36-blog-frequency{background:#fff;border-bottom:1px solid #e0e8f4;color:#071426;overflow:hidden}
.z36-blog-frequency>.z36-container{min-height:72px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}
.z36-blog-frequency span,.z36-blog-frequency>b{font-size:7px;letter-spacing:.14em;color:#6b83aa}
.z36-blog-frequency>div>div{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.z36-blog-frequency>div>div::-webkit-scrollbar{display:none}
.z36-blog-frequency a,.z36-blog-frequency i{font-style:normal;white-space:nowrap;border:1px solid #d9e4f3;border-radius:999px;padding:8px 12px;font-size:9px;color:#356fc8;background:#f8fbff;transition:background .3s,color .3s,border-color .3s}
.z36-blog-frequency a:hover{background:#071426;color:#fff;border-color:#071426}
.z36-js .z36-page-hero .z36-page-copy,.z36-js .z36-page-hero .z36-page-visual{opacity:0}
.z36-page-ready .z36-page-hero .z36-page-copy{animation:z36PageCopyIn .9s .08s var(--z36-cinema) both}
.z36-page-ready .z36-page-hero .z36-page-visual{animation:z36PageVisualIn 1.1s .16s var(--z36-cinema) both}
@keyframes z36PageCopyIn{from{opacity:0;transform:translate3d(0,20px,0)}to{opacity:1;transform:translate3d(0,var(--page-copy-y,0px),0)}}
@keyframes z36PageVisualIn{from{opacity:0;transform:translate3d(0,28px,0) scale(.97)}to{opacity:1;transform:translate3d(var(--page-px,0),calc(var(--page-py,0) + var(--page-visual-y,0px)),0) rotate(var(--page-visual-r,0deg)) scale(1)}}
.z36-story-visual.z36-fluid-story .z36-command-panel{transform:translate3d(var(--fluid-x,0%),var(--fluid-y,0%),0) scale(var(--fluid-scale,1));opacity:var(--fluid-opacity,1);transition:none}
.z36-story-visual.z36-fluid-story .z36-launch-stage{transform:translate3d(0,var(--fluid-y,0%),0) scale(var(--fluid-scale,1));transition:none}
.z36-story-visual.z36-fluid-story .z36-rocket{transform:translate3d(0,var(--fluid-y,0px),0) rotate(var(--fluid-r,0deg));transition:none;transform-origin:50% 70%}
.z36-story-visual.z36-fluid-story .z36-flame{transform:scaleY(var(--fluid-scale,1));opacity:var(--fluid-opacity,.8);transition:none;transform-origin:50% 0}
.z36-story-visual.z36-fluid-story .z36-scene-card.card-a,.z36-story-visual.z36-fluid-story .z36-scene-card.card-b,.z36-story-visual.z36-fluid-story .z36-scene-card.card-c{transform:translate3d(var(--fluid-x,0px),var(--fluid-y,0px),0);transition:none}
.z36-story-visual.z36-fluid-story .z36-command-chart .stroke{filter:drop-shadow(0 0 8px rgba(83,167,255,.45))}
.z36-story-step{opacity:var(--step-opacity,.38);transform:translate3d(0,var(--step-y,12px),0);filter:blur(var(--step-blur,0px));will-change:auto}
.z36-story-step.is-active{opacity:var(--step-opacity,1);transform:translate3d(0,var(--step-y,0px),0);filter:blur(var(--step-blur,0px))}
.z36-route-transition{contain:layout paint style;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.z36-route-slab,.z36-route-signal{backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d}
.z36-route-leaving{cursor:progress}
.z36-reactor-orbit.o1{translate:0 var(--hero-o1-y,0px)}
.z36-reactor-orbit.o2{translate:0 var(--hero-o2-y,0px)}
.z36-reactor-orbit.o3{translate:0 var(--hero-o3-y,0px)}
.z36-reactor-node.n1{translate:0 var(--hero-n1-y,0px)}
.z36-reactor-node.n2{translate:0 var(--hero-n2-y,0px)}
.z36-reactor-node.n3{translate:0 var(--hero-n3-y,0px)}
.z36-reactor-node.n4{translate:0 var(--hero-n4-y,0px)}
.z36-route-transition{visibility:hidden;opacity:1;transform:translateZ(0)}
.z36-route-slab{transform:translate3d(0,102%,0);transform-origin:center}
.z36-route-transition.is-leaving,.z36-route-transition.is-revealing,.z36-route-arrival .z36-route-transition{visibility:visible}
.z36-route-transition.is-leaving .z36-route-slab{animation:z36RouteIn .68s cubic-bezier(.76,0,.24,1) both}
.z36-route-transition.is-leaving .s2{animation-delay:.028s}
.z36-route-transition.is-leaving .s3{animation-delay:.056s}
.z36-route-arrival .z36-route-slab{transform:translate3d(0,0,0)}
.z36-route-transition.is-revealing .z36-route-slab{animation:z36RouteOut .78s cubic-bezier(.76,0,.24,1) both}
.z36-route-transition.is-revealing .s2{animation-delay:.018s}
.z36-route-transition.is-revealing .s3{animation-delay:.036s}
.z36-route-transition.is-leaving .z36-route-signal{animation:z36RouteSignalIn .46s .16s var(--z36-cinema) both}
.z36-route-transition.is-revealing .z36-route-signal{animation:z36RouteSignalOut .52s .02s var(--z36-cinema) both}
.z36-route-arrival .z36-route-signal{opacity:1;transform:none}
@keyframes z36RouteIn{from{transform:translate3d(0,102%,0)}to{transform:translate3d(0,0,0)}}
@keyframes z36RouteOut{from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-102%,0)}}
@keyframes z36RouteSignalIn{from{opacity:0;transform:translate3d(0,20px,0) scale(.985)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes z36RouteSignalOut{from{opacity:1;transform:translate3d(0,0,0) scale(1)}to{opacity:0;transform:translate3d(0,-18px,0) scale(1.006)}}
body.z36-route-arriving{overflow-anchor:none}
.z36-route-arrival:not(.z36-page-ready) .z36-page-hero .z36-page-copy,
.z36-route-arrival:not(.z36-page-ready) .z36-page-hero .z36-page-visual{opacity:0}
.z36-route-arrival:not(.z36-page-ready) .z36-experience .z36-hero-layout,
.z36-route-arrival:not(.z36-page-ready) .z36-experience .z36-scroll-cue{opacity:0}
.z36-page-hero .z36-page-glow{transform:translate3d(var(--page-glow-x,0px),var(--page-glow-y,0px),0) scale(var(--page-glow-scale,1))}
.z36-hero-copy{opacity:var(--hero-copy-o,1);scale:var(--hero-copy-scale,1);transform-origin:80% 50%;transition:none}
.z36-hero-beam{translate:var(--hero-beam-x,0px) 0}
.z36-reactor-orbit.o1{rotate:var(--hero-o1-r,0deg)}
.z36-reactor-orbit.o2{rotate:var(--hero-o2-r,0deg)}
.z36-reactor-orbit.o3{rotate:var(--hero-o3-r,0deg)}
.z36-hero-cinema-guides{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:var(--hero-guide-o,.22)}
.z36-hero-cinema-guides>i{position:absolute;top:14%;bottom:10%;width:1px;background:linear-gradient(transparent,rgba(105,170,255,.18),transparent)}
.z36-hero-cinema-guides>i:first-child{right:8%}
.z36-hero-cinema-guides>i:nth-child(2){left:8%}
.z36-hero-cinema-guides>span,.z36-hero-cinema-guides>b{position:absolute;bottom:20px;font-size:7px;letter-spacing:.16em;font-weight:700;color:#4f78af}
.z36-hero-cinema-guides>span{right:8%}
.z36-hero-cinema-guides>b{left:8%}
.z36-story-visual{background:
  radial-gradient(circle at var(--scene-glow-x,28%) var(--scene-glow-y,31%),rgba(69,143,255,var(--scene-glow-alpha,.14)),transparent 34%),
  linear-gradient(155deg,#0a1e3c,#071427 66%);
  transform:translate3d(0,var(--story-inertia-y,0px),0) scale(var(--story-camera-scale,1)) rotate(var(--story-camera-r,0deg));
}
.z36-story-word{position:absolute;inset:18% -3% auto;z-index:0;height:125px;pointer-events:none;overflow:hidden;direction:ltr}
.z36-story-word span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:clamp(76px,9vw,152px);font-weight:950;letter-spacing:-.07em;color:#65a7ff;opacity:var(--word-o,0);transform:translate3d(0,var(--word-y,0px),0) scale(var(--word-scale,1));white-space:nowrap;mix-blend-mode:screen;filter:blur(.1px)}
.z36-story-focus{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.62}
.z36-story-focus>i{position:absolute;top:50%;left:50%;border:1px solid rgba(90,159,255,.11);border-radius:50%;translate:-50% -50%;width:52%;aspect-ratio:1}
.z36-story-focus>i:nth-child(2){width:72%;border-style:dashed;opacity:.55;rotate:var(--story-focus-r,0deg)}
.z36-story-focus>b{position:absolute;left:50%;top:8%;bottom:8%;width:1px;background:linear-gradient(transparent,rgba(98,164,255,.14),transparent);translate:-50% 0}
.z36-story-visual.z36-fluid-story .z36-command-panel,
.z36-story-visual.z36-fluid-story .z36-launch-stage,
.z36-story-visual.z36-fluid-story .z36-rocket,
.z36-story-visual.z36-fluid-story .z36-scene-card{will-change:transform,opacity}
.z36-services-page{background:#f4f7fc}
.z36-service-system{padding-bottom:clamp(90px,9vw,132px)}
.z36-service-axis{display:flex;align-items:center;gap:10px;margin-top:28px;color:#6683aa;font-size:8px;letter-spacing:.13em}
.z36-service-axis i{width:28px;height:1px;background:#c7d6ea}
.z36-service-axis i:first-child{width:8px;background:#367cf6}
.z36-service-orbit{filter:saturate(1.04)}
.z36-service-orbit:before{content:"";position:absolute;width:68%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(54,124,246,.10),transparent 66%);filter:blur(10px)}
.z36-service-orbit .node{transition:transform .65s var(--z36-cinema),background .35s,border-color .35s,color .35s,box-shadow .35s}
.z36-service-orbit .node:hover,.z36-service-orbit .node.is-active{transform:translateY(-3px);color:#fff}
.z36-services-cinema{position:relative;background:#061326;color:#fff;padding:clamp(92px,9vw,138px) 0;overflow:clip;isolation:isolate}
.z36-services-cinema-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(83,143,237,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(83,143,237,.055) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 90%,transparent)}
.z36-services-cinema:before{content:"";position:absolute;width:780px;height:780px;border-radius:50%;background:#1e73ff;filter:blur(180px);opacity:.075;right:-280px;top:12%;pointer-events:none}
.z36-services-cinema-layout{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:clamp(46px,6vw,92px);align-items:start;position:relative;z-index:2}
.z36-services-director{min-width:0}
.z36-services-director-sticky{position:sticky;top:calc(var(--z36-header) + var(--z36-admin,0px) + 46px);min-height:620px;display:flex;flex-direction:column;align-items:flex-start;padding:26px 0}
.z36-services-director-sticky>span{font-size:8px;letter-spacing:.17em;color:#5e8fd2}
.z36-services-director-sticky>strong{font-size:clamp(88px,10vw,150px);line-height:.86;color:rgba(94,154,255,.14);letter-spacing:-.06em;margin:22px 0 16px}
.z36-services-director-sticky h2{font-size:clamp(36px,4vw,58px);line-height:1.15;margin:0 0 16px;max-width:520px}
.z36-services-director-sticky p{font-size:13px;line-height:2;color:#90a5c6;max-width:470px;margin:0}
.z36-services-director-progress{position:absolute;left:0;top:26px;bottom:48px;width:2px;background:rgba(95,153,240,.12);overflow:hidden}
.z36-services-director-progress i{display:block;width:100%;height:100%;background:linear-gradient(#57a7ff,#2f6eea);transform:scaleY(0);transform-origin:top}
.z36-services-director-dots{display:flex;gap:8px;margin-top:auto}
.z36-services-director-dots i{width:24px;height:2px;background:#244f87;transition:width .35s var(--z36-cinema),background .35s}
.z36-services-director-dots i.is-active{width:42px;background:#59a7ff}
.z36-services-director-sticky>small{margin-top:16px;font-size:7px;letter-spacing:.16em;color:#4f729f}
.z36-service-frames{display:grid;gap:clamp(22px,3vw,36px)}
.z36-svc-frame{--svc-focus:0;--svc-shift:18px;display:grid;grid-template-columns:.84fr 1.16fr;min-height:560px;border:1px solid rgba(97,158,255,.16);border-radius:32px;background:linear-gradient(145deg,rgba(12,35,70,.92),rgba(6,20,43,.92));overflow:hidden;position:relative;box-shadow:0 34px 110px rgba(0,0,0,.16);opacity:var(--svc-opacity,.55);transform:translate3d(0,var(--svc-shift),0);transition:border-color .5s,box-shadow .5s;isolation:isolate}
.z36-svc-frame.is-active{border-color:rgba(94,168,255,.38);box-shadow:0 40px 125px rgba(0,0,0,.24),0 0 0 1px rgba(71,137,244,.06)}
.z36-svc-frame:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 28%,rgba(56,127,245,.10),transparent 34%);pointer-events:none;z-index:-1}
.z36-svc-frame-copy{padding:clamp(28px,4vw,52px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;z-index:2}
.z36-svc-frame-copy>span{font-size:8px;letter-spacing:.15em;color:#5f91d8}
.z36-svc-frame-copy h3{font-size:clamp(34px,4vw,54px);line-height:1.13;margin:12px 0 16px}
.z36-svc-frame-copy p{font-size:12px;line-height:2;color:#8fa6c8;max-width:470px}
.z36-svc-frame-copy ul{list-style:none;padding:0;margin:22px 0 26px;display:grid;gap:9px}
.z36-svc-frame-copy li{font-size:11px;color:#bed0ea;padding-right:18px;position:relative}
.z36-svc-frame-copy li:before{content:"";position:absolute;right:0;top:7px;width:6px;height:6px;border-radius:50%;background:#54a4ff;box-shadow:0 0 12px rgba(84,164,255,.5)}
.z36-svc-frame-copy a{font-size:11px;font-weight:800;color:#72b5ff;display:inline-flex;align-items:center;gap:8px}
.z36-svc-frame-copy a i{font-style:normal}
.z36-svc-frame-visual{position:relative;min-height:420px;border-right:1px solid rgba(91,148,235,.12);overflow:hidden;display:grid;place-items:center;transform:scale(var(--svc-visual-scale,1)) rotate(var(--svc-visual-r,0deg));transform-origin:center;transition:none}
.z36-svc-frame-index{position:absolute;left:18px;bottom:10px;font-size:74px;line-height:1;font-weight:950;color:rgba(84,154,255,.08);letter-spacing:-.08em}
.z36-svc-art{position:relative;width:88%;height:82%;display:grid;place-items:center;overflow:hidden}
.z36-svc-art>small{position:absolute;left:16px;top:14px;font-size:7px;letter-spacing:.14em;color:#5377a8}
.z36-svc-art--web .screen{width:76%;height:60%;border:1px solid rgba(99,162,255,.27);border-radius:18px;background:#0b2449;box-shadow:0 24px 55px rgba(0,0,0,.22);position:absolute;right:8%;top:16%;overflow:hidden;transform:perspective(900px) rotateY(-5deg) rotateX(2deg)}
.z36-svc-art--web .screen header{height:34px;border-bottom:1px solid #1c467c;display:flex;align-items:center;gap:5px;padding:0 10px}
.z36-svc-art--web .screen header i{width:6px;height:6px;border-radius:50%;background:#4279bd}
.z36-svc-art--web .screen header small{margin-right:auto;color:#577dad;font-size:6px}
.z36-svc-art--web .screen .viewport{padding:22px}
.z36-svc-art--web .screen .viewport b{display:block;width:57%;height:12px;background:#4e98ff;border-radius:20px;margin-bottom:14px}
.z36-svc-art--web .screen .viewport span{display:block;height:6px;background:#214c82;border-radius:10px;margin:7px 0}
.z36-svc-art--web .screen .viewport em{display:block;width:44%;height:62px;background:#123462;border-radius:12px;margin-top:20px}
.z36-svc-art--web .phone{position:absolute;width:92px;height:188px;border:6px solid #0c2e5f;border-radius:24px;background:#f3f7ff;left:9%;bottom:12%;box-shadow:0 22px 50px rgba(0,0,0,.24);padding:18px 10px}
.z36-svc-art--web .phone i,.z36-svc-art--web .phone b,.z36-svc-art--web .phone span{display:block;border-radius:8px;background:#d6e5f9}
.z36-svc-art--web .phone i{height:38px;background:#377ff3}
.z36-svc-art--web .phone b{height:7px;margin:13px 0 7px}
.z36-svc-art--web .phone span{height:42px}
.z36-svc-art--web .orbit{position:absolute;width:76%;aspect-ratio:1;border:1px dashed rgba(81,151,255,.18);border-radius:50%;animation:z36Spin 28s linear infinite}
.z36-svc-art--strategy .radar{width:250px;height:250px;border:1px solid #245d9d;border-radius:50%;display:grid;place-items:center;position:relative}
.z36-svc-art--strategy .radar i{position:absolute;border:1px solid #214d82;border-radius:50%;width:68%;height:68%}
.z36-svc-art--strategy .radar i:nth-child(2){width:38%;height:38%}
.z36-svc-art--strategy .radar i:nth-child(3){width:1px;height:95%;border:0;background:linear-gradient(#5bacff,transparent);border-radius:0;animation:z36Spin 5.4s linear infinite}
.z36-svc-art--strategy .radar b{font-size:32px;color:#5daaff}
.z36-svc-art--strategy .target{position:absolute;right:10%;bottom:12%;width:118px;height:82px;border:1px solid #285f9d;border-radius:16px;background:rgba(9,31,64,.88);display:grid;place-items:center}
.z36-svc-art--strategy .target span{position:absolute;width:48px;height:48px;border:1px solid #4f8ed9;border-radius:50%}
.z36-svc-art--strategy .target span:nth-child(2){width:20px;height:20px}
.z36-svc-art--strategy .target strong{font-size:8px;color:#7ca8dd;translate:0 31px}
.z36-svc-art--ads .bars{position:absolute;right:12%;bottom:18%;left:12%;height:58%;display:flex;align-items:flex-end;gap:12px}
.z36-svc-art--ads .bars i{flex:1;border-radius:8px 8px 2px 2px;background:linear-gradient(#4c9cff,#173e76);height:28%;box-shadow:0 0 25px rgba(56,136,255,.08)}
.z36-svc-art--ads .bars i:nth-child(2){height:44%}
.z36-svc-art--ads .bars i:nth-child(3){height:37%}
.z36-svc-art--ads .bars i:nth-child(4){height:69%}
.z36-svc-art--ads .bars i:nth-child(5){height:88%}
.z36-svc-art--ads svg{position:absolute;inset:18% 7% auto;width:86%;height:44%;overflow:visible}
.z36-svc-art--ads svg path{fill:none;stroke:#6ab4ff;stroke-width:3;filter:drop-shadow(0 0 10px rgba(91,171,255,.35))}
.z36-svc-art--ads>strong{position:absolute;left:9%;top:18%;font-size:48px;color:#eef6ff}
.z36-svc-art--content article{position:absolute;width:38%;height:58%;border:1px solid #2a5b96;border-radius:18px;background:linear-gradient(160deg,#12315e,#091d3c);padding:16px;box-shadow:0 22px 55px rgba(0,0,0,.18);display:flex;flex-direction:column;justify-content:space-between}
.z36-svc-art--content article span{font-size:8px;color:#6c91c4}
.z36-svc-art--content article b{font-size:24px;color:#75b6ff}
.z36-svc-art--content .c1{right:8%;top:18%;rotate:-5deg}
.z36-svc-art--content .c2{right:31%;top:11%;z-index:2}
.z36-svc-art--content .c3{left:8%;top:20%;rotate:5deg}
.z36-svc-art--content .track{position:absolute;right:12%;left:12%;bottom:14%;height:1px;background:linear-gradient(90deg,transparent,#4b8fe7,transparent)}
.z36-svc-art--social .hub{width:124px;height:124px;border-radius:34px;border:1px solid #2b629f;background:#0d2b56;display:grid;place-items:center;position:relative;box-shadow:0 25px 65px rgba(0,0,0,.22)}
.z36-svc-art--social .hub b{font-size:38px;color:#63adff}
.z36-svc-art--social .hub i{position:absolute;width:230px;height:230px;border:1px solid #225082;border-radius:50%}
.z36-svc-art--social .hub i:nth-child(2){width:330px;height:330px;border-style:dashed;opacity:.7;animation:z36Spin 24s linear infinite}
.z36-svc-art--social .hub i:nth-child(3){width:1px;height:340px;border:0;background:linear-gradient(transparent,#2d6db3,transparent);rotate:48deg}
.z36-svc-art--social>span{position:absolute;width:44px;height:44px;border-radius:14px;background:#0c2b57;border:1px solid #2e669f;color:#74b4ff;display:grid;place-items:center;font-size:9px}
.z36-svc-art--social .n1{top:14%;right:15%}
.z36-svc-art--social .n2{top:30%;left:9%}
.z36-svc-art--social .n3{bottom:15%;right:18%}
.z36-svc-art--social .n4{bottom:23%;left:17%}
.z36-svc-art--seo .grid{position:absolute;inset:0;background-image:linear-gradient(rgba(75,137,226,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(75,137,226,.06) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(circle,#000,transparent 76%)}
.z36-svc-art--seo .search{position:absolute;top:20%;right:10%;left:10%;height:54px;border:1px solid #2c629d;border-radius:14px;background:#0b2a56;display:flex;align-items:center;padding:0 18px;color:#94b7e5;font-size:11px;z-index:2}
.z36-svc-art--seo .search i{margin-right:auto;width:18px;height:18px;border:2px solid #5aa9ff;border-radius:50%;position:relative}
.z36-svc-art--seo .search i:after{content:"";position:absolute;width:8px;height:2px;background:#5aa9ff;left:-5px;bottom:-3px;rotate:45deg}
.z36-svc-art--seo .curve{position:absolute;right:12%;left:12%;bottom:14%;height:52%;border-left:1px solid #244d7c;border-bottom:1px solid #244d7c}
.z36-svc-art--seo .curve:before{content:"";position:absolute;right:8%;left:7%;bottom:12%;height:3px;background:linear-gradient(90deg,#2e6fd5,#67b3ff);clip-path:polygon(0 82%,20% 67%,37% 72%,53% 49%,68% 55%,82% 25%,100% 0,100% 100%,0 100%);box-shadow:0 -28px 50px rgba(67,146,255,.18)}
.z36-svc-art--seo .curve i{position:absolute;width:7px;height:7px;border-radius:50%;background:#69b6ff;box-shadow:0 0 15px #4e9dff}
.z36-svc-art--seo .curve i:nth-child(1){right:18%;bottom:24%}
.z36-svc-art--seo .curve i:nth-child(2){right:51%;bottom:47%}
.z36-svc-art--seo .curve i:nth-child(3){left:4%;top:6%}
.z36-svc-art--seo .curve b{position:absolute;left:7%;top:13%;font-size:42px;color:#eaf4ff}
.z36-service-pulse{height:66px;background:#091a34;color:#7496c6;border-block:1px solid rgba(83,143,229,.14);overflow:hidden;display:flex;align-items:center}
.z36-service-pulse>div{display:flex;align-items:center;gap:24px;min-width:max-content;padding-inline:28px;animation:z36Ticker 30s linear infinite}
.z36-service-pulse span{font-size:9px;letter-spacing:.15em}
.z36-service-pulse i{font-style:normal;color:#3979d4}
.z36-page-ready .z36-page-hero .z36-page-copy,
.z36-page-ready .z36-page-hero .z36-page-visual{animation-play-state:running}
.z36-cine-scene{--cine-p:0;--cine-frame-o:.16;--cine-ghost-o:.018;--cine-scan:12%;--cine-y:0px;--cine-x:0px;--cine-heading-y:0px;--cine-heading-line:.2;position:relative;isolation:isolate}
.z36-cine-frame{position:absolute;z-index:8;inset:clamp(12px,1.7vw,26px);pointer-events:none;opacity:var(--cine-frame-o);transition:opacity .3s linear;overflow:hidden;border-radius:inherit}
.z36-cine-frame-label{position:absolute;top:0;right:0;display:flex;align-items:center;gap:8px;color:#6e98d6;font-size:7px;letter-spacing:.15em;font-weight:800;direction:ltr;text-transform:uppercase}
.z36-cine-frame-label b{display:grid;place-items:center;width:26px;height:18px;border:1px solid rgba(91,151,239,.24);border-radius:6px;color:#9fc4ff;font-size:8px;background:rgba(5,19,41,.28);backdrop-filter:blur(8px)}
.z36-cine-frame-label small{font-size:7px;font-weight:800;white-space:nowrap}
.z36-cine-frame-scan{position:absolute;right:0;left:0;top:var(--cine-scan);height:1px;background:linear-gradient(90deg,transparent 0,rgba(87,158,255,.12) 18%,rgba(101,177,255,.58) 50%,rgba(87,158,255,.12) 82%,transparent 100%);box-shadow:0 0 22px rgba(59,133,245,.10);opacity:.72}
.z36-cine-frame>em{position:absolute;left:-.035em;bottom:-.22em;font-style:normal;font-size:clamp(110px,17vw,280px);font-weight:950;letter-spacing:-.09em;line-height:.8;color:transparent;-webkit-text-stroke:1px rgba(83,137,218,var(--cine-ghost-o));opacity:.95;direction:ltr;transform:translate3d(var(--cine-x),0,0)}
.z36-cine-frame>u{position:absolute;width:20px;height:20px;text-decoration:none;opacity:.56}
.z36-cine-frame>u:nth-of-type(1){right:0;top:28px;border-top:1px solid rgba(91,154,246,.28);border-right:1px solid rgba(91,154,246,.28)}
.z36-cine-frame>u:nth-of-type(2){left:0;top:0;border-top:1px solid rgba(91,154,246,.22);border-left:1px solid rgba(91,154,246,.22)}
.z36-cine-frame>u:nth-of-type(3){right:0;bottom:0;border-bottom:1px solid rgba(91,154,246,.22);border-right:1px solid rgba(91,154,246,.22)}
.z36-cine-frame>u:nth-of-type(4){left:0;bottom:0;border-bottom:1px solid rgba(91,154,246,.22);border-left:1px solid rgba(91,154,246,.22)}
.z36-inner-main .z36-cine-frame-label,.z36-inner-main .z36-cine-frame>em{color:#285b9d}
.z36-inner-main .z36-cine-frame-label b{background:rgba(255,255,255,.44);color:#1e5ebc;border-color:rgba(44,104,190,.18)}
.z36-inner-main .z36-cine-frame>em{-webkit-text-stroke-color:rgba(25,84,168,var(--cine-ghost-o))}
.z36-inner-main .z36-cine-frame-scan{background:linear-gradient(90deg,transparent,rgba(32,100,198,.10),rgba(54,124,246,.38),rgba(32,100,198,.10),transparent)}
.z36-cine-heading{position:relative;isolation:isolate;translate:0 var(--cine-heading-y)}
.z36-cine-heading:before{content:"";position:absolute;z-index:-1;right:0;bottom:-.12em;width:min(210px,42%);height:2px;background:linear-gradient(90deg,#4d9cff,rgba(77,156,255,0));transform:scaleX(var(--cine-heading-line));transform-origin:right;opacity:.68;box-shadow:0 0 18px rgba(70,145,255,.22)}
.z36-cine-heading:after{content:attr(data-z36-cine-echo);position:absolute;z-index:-2;right:.035em;top:.08em;max-width:110%;overflow:hidden;white-space:nowrap;color:transparent;-webkit-text-stroke:1px rgba(84,145,235,.045);font:inherit;letter-spacing:inherit;transform:translate3d(var(--cine-x),6px,0);opacity:.9;pointer-events:none}
.z36-inner-main .z36-cine-heading:after{-webkit-text-stroke-color:rgba(31,91,178,.055)}
.z36-hero:before{content:"";position:absolute;inset:-12%;z-index:1;pointer-events:none;background:radial-gradient(circle at calc(50% + var(--cine-mx,0px)) calc(45% + var(--cine-my,0px)),rgba(73,144,255,.12),transparent 28%),linear-gradient(115deg,transparent 31%,rgba(112,178,255,.045) 46%,transparent 61%);transform:translate3d(var(--cine-mx,0px),var(--cine-my,0px),0)}
.z36-hero:after{content:"";position:absolute;z-index:1;top:0;bottom:0;left:calc(50% + var(--cine-mx,0px));width:1px;background:linear-gradient(transparent,rgba(83,152,252,.10) 24%,rgba(83,152,252,.24) 49%,rgba(83,152,252,.10) 74%,transparent);opacity:.45;pointer-events:none}
.z36-hero-film{position:absolute;z-index:6;inset:clamp(18px,2vw,34px);pointer-events:none;color:#5d85bc;font-size:7px;letter-spacing:.14em;direction:ltr;opacity:.62}
.z36-hero-film>i{position:absolute;width:34px;height:34px}
.z36-hero-film .c1{top:0;left:0;border-top:1px solid rgba(103,166,255,.34);border-left:1px solid rgba(103,166,255,.34)}
.z36-hero-film .c2{top:0;right:0;border-top:1px solid rgba(103,166,255,.34);border-right:1px solid rgba(103,166,255,.34)}
.z36-hero-film .c3{bottom:0;left:0;border-bottom:1px solid rgba(103,166,255,.25);border-left:1px solid rgba(103,166,255,.25)}
.z36-hero-film .c4{bottom:0;right:0;border-bottom:1px solid rgba(103,166,255,.25);border-right:1px solid rgba(103,166,255,.25)}
.z36-hero-film>span{position:absolute;top:8px;left:48px}
.z36-hero-film>b{position:absolute;bottom:8px;right:48px;font-size:7px;font-weight:700;color:#567cae}
.z36-hero-film>em{position:absolute;left:50%;top:50%;width:36px;height:36px;translate:-50% -50%;border:1px solid rgba(101,166,255,.18);border-radius:50%;font-style:normal}
.z36-hero-film>em:before,.z36-hero-film>em:after{content:"";position:absolute;background:rgba(101,166,255,.26)}
.z36-hero-film>em:before{width:54px;height:1px;left:50%;top:50%;translate:-50% -50%}
.z36-hero-film>em:after{height:54px;width:1px;left:50%;top:50%;translate:-50% -50%}
.z36-reactor{transition:filter .55s var(--z36-cinema);filter:drop-shadow(0 26px 55px rgba(0,28,79,.12))}
.z36-cap-layout{position:relative;isolation:isolate}
.z36-cap-layout:before{content:"";position:absolute;z-index:-1;inset:10% 7%;background:conic-gradient(from var(--cine-angle,0deg),transparent,rgba(54,124,246,.09),transparent 31%,rgba(54,124,246,.05),transparent 68%);border-radius:42%;filter:blur(28px);opacity:.8}
.z36-cap-card{translate:0 var(--cine-y,0px);overflow:hidden}
.z36-cap-card:after{content:"";position:absolute;z-index:0;inset:-45% -25%;background:linear-gradient(110deg,transparent 36%,rgba(84,151,255,.10) 48%,transparent 60%);translate:var(--cine-sweep,-48%) 0;pointer-events:none}
.z36-cap-card>*{position:relative;z-index:1}
.z36-web-stack{translate:var(--cine-x) var(--cine-y);rotate:var(--cine-perspective);transform-origin:center}
.z36-proof-board{perspective:1200px}
.z36-proof-number{translate:0 var(--cine-y);transform:translateZ(var(--cine-item-z,0px))}
.z36-project-card{position:relative;overflow:hidden;translate:0 var(--cine-y)}
.z36-project-card:before{content:"VIEW / CASE";position:absolute;z-index:5;left:18px;top:18px;padding:7px 9px;border:1px solid rgba(113,167,245,.18);border-radius:8px;background:rgba(4,17,38,.34);backdrop-filter:blur(10px);font-size:7px;letter-spacing:.13em;color:#8eb3e8;opacity:0;translate:0 8px;transition:opacity .4s var(--z36-cinema),translate .5s var(--z36-cinema);pointer-events:none}
.z36-project-card:hover:before,.z36-project-card:focus-visible:before{opacity:1;translate:0 0}
.z36-project-card .z36-art{transition:scale .9s var(--z36-cinema),filter .9s var(--z36-cinema)}
.z36-project-card:hover .z36-art{scale:1.025;filter:saturate(1.08) contrast(1.02)}
.z36-manifest{overflow:hidden}
.z36-manifest:before{content:"THINK / BUILD / LEARN";position:absolute;z-index:0;left:-2vw;bottom:-.12em;font-size:clamp(72px,12vw,190px);font-weight:950;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px rgba(89,149,237,.055);white-space:nowrap;direction:ltr;translate:var(--cine-x) 0}
.z36-manifest>.z36-container{position:relative;z-index:1}
.z36-blog-card{translate:0 var(--cine-y)}
.z36-final-inner{translate:var(--cine-x) var(--cine-y)}
.z36-page-mode-word{position:absolute;z-index:0;left:-.04em;bottom:-.22em;font-size:clamp(112px,18vw,290px);font-weight:950;line-height:.8;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px rgba(81,145,237,.07);text-transform:uppercase;direction:ltr;white-space:nowrap;pointer-events:none;translate:var(--cine-x) 0}
.z36-page-hero .z36-page-hero-layout{position:relative;z-index:2}
.z36-page-visual{translate:var(--page-visual-x,0px) var(--page-visual-y,0px);rotate:var(--page-visual-r,0deg);transform-origin:center}
.z36-inner-main .z36-cine-scene>.z36-container{translate:0 var(--cine-y)}
.z36-services-cinema.z36-cine-scene>.z36-container,.z36-contact-hub.z36-cine-scene>.z36-container,.z36-about-dna.z36-cine-scene>.z36-container{translate:0 var(--cine-y)}
.z36-inner-main :is(.z36-services-cinema,.z36-contact-hub,.z36-about-dna,.z36-contact-note,.z36-bridge) .z36-cine-frame-label{color:#7fa8e2}
.z36-inner-main :is(.z36-services-cinema,.z36-contact-hub,.z36-about-dna,.z36-contact-note,.z36-bridge) .z36-cine-frame-label b{background:rgba(5,19,41,.34);color:#b6d2ff;border-color:rgba(100,164,255,.24)}
.z36-inner-main :is(.z36-services-cinema,.z36-contact-hub,.z36-about-dna,.z36-contact-note,.z36-bridge) .z36-cine-frame>em{-webkit-text-stroke-color:rgba(91,151,239,var(--cine-ghost-o))}
:root{
  --z36-sig-blue:#367cf6;
  --z36-sig-cyan:#70b9ff;
  --z36-sig-ink:#071426;
  --z36-sig-ease:cubic-bezier(.22,.72,.16,1);
  --z36-sig-spring:cubic-bezier(.16,1,.3,1);
}
.z36-story-visual:after{content:"";position:absolute;inset:14%;border:1px solid rgba(86,151,255,.055);border-radius:50%;pointer-events:none;scale:var(--z36-story-breath,1);opacity:var(--z36-story-breath-o,.3);transition:border-radius .8s var(--z36-sig-ease)}
.z36-command-panel{box-shadow:0 25px 70px rgba(1,10,27,.2),inset 0 1px rgba(255,255,255,.025)}
.z36-story-focus{filter:drop-shadow(0 0 16px rgba(62,139,255,.14))}
.z36-service-instrument{position:relative;height:205px;margin:27px 0 23px;border:1px solid rgba(92,153,248,.18);border-radius:22px;background:radial-gradient(circle at 50% 50%,rgba(54,124,246,.11),transparent 50%),rgba(5,20,43,.35);overflow:hidden;isolation:isolate;--svc-phase:0}
.z36-service-instrument:before,.z36-service-instrument:after{content:"";position:absolute;inset:0;pointer-events:none}
.z36-service-instrument:before{background-image:linear-gradient(rgba(86,144,228,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(86,144,228,.055) 1px,transparent 1px);background-size:27px 27px;transform:translate3d(var(--svc-grid-x,0px),var(--svc-grid-y,0px),0)}
.z36-service-instrument:after{width:50%;height:1px;top:50%;left:25%;background:linear-gradient(90deg,transparent,#4b98ff,transparent);box-shadow:0 0 13px rgba(74,151,255,.48);transform:rotate(var(--svc-angle,0deg));transition:transform .8s var(--z36-sig-spring)}
.z36-service-instrument-core{position:absolute;left:50%;top:50%;width:66px;height:66px;translate:-50% -50%;border:1px solid rgba(113,177,255,.38);border-radius:19px;background:#0b2852;display:grid;place-items:center;z-index:3;transition:border-radius .72s var(--z36-sig-spring),transform .72s var(--z36-sig-spring),background .55s}
.z36-service-instrument-core span{font-size:24px;font-weight:950;color:#d7e8ff}
.z36-service-instrument-core i{position:absolute;inset:-9px;border:1px dashed rgba(95,157,246,.24);border-radius:inherit;rotate:var(--svc-core-rot,0deg);transition:rotate .85s var(--z36-sig-ease)}
.z36-service-instrument-rings i{position:absolute;left:50%;top:50%;border:1px solid rgba(86,149,240,.18);border-radius:50%;translate:-50% -50%;transition:width .75s var(--z36-sig-spring),height .75s var(--z36-sig-spring),border-radius .75s var(--z36-sig-spring),opacity .45s,rotate .75s var(--z36-sig-spring)}
.z36-service-instrument-rings i:nth-child(1){width:116px;height:116px}
.z36-service-instrument-rings i:nth-child(2){width:154px;height:154px;border-style:dashed}
.z36-service-instrument-rings i:nth-child(3){width:188px;height:188px;opacity:.45}
.z36-service-instrument-frame{position:absolute;inset:35px;opacity:0;transition:opacity .5s}
.z36-service-instrument-frame i{position:absolute;width:22px;height:22px;border-color:#6aa7ff;border-style:solid;opacity:.55}
.z36-service-instrument-frame i:nth-child(1){right:0;top:0;border-width:1px 1px 0 0}
.z36-service-instrument-frame i:nth-child(2){left:0;top:0;border-width:1px 0 0 1px}
.z36-service-instrument-frame i:nth-child(3){right:0;bottom:0;border-width:0 1px 1px 0}
.z36-service-instrument-frame i:nth-child(4){left:0;bottom:0;border-width:0 0 1px 1px}
.z36-service-instrument-wave{position:absolute;right:20px;left:20px;bottom:31px;height:52px;display:flex;align-items:end;gap:7px;opacity:0;transition:opacity .5s}
.z36-service-instrument-wave i{flex:1;min-width:0;background:linear-gradient(#5ca9ff,#285fbb);border-radius:3px 3px 0 0;height:20px;transform-origin:bottom;scale:1 var(--svc-wave,.6);transition:scale .65s var(--z36-sig-spring)}
.z36-service-instrument-wave i:nth-child(1){height:20px}
.z36-service-instrument-wave i:nth-child(2){height:32px}
.z36-service-instrument-wave i:nth-child(3){height:44px}
.z36-service-instrument-wave i:nth-child(4){height:38px}
.z36-service-instrument-wave i:nth-child(5){height:56px}
.z36-service-instrument-nodes i{position:absolute;width:7px;height:7px;border-radius:50%;background:#6bb2ff;box-shadow:0 0 12px #3689fa;opacity:.16;transition:opacity .45s,transform .65s var(--z36-sig-spring)}
.z36-service-instrument-nodes i:nth-child(1){right:22%;top:21%}
.z36-service-instrument-nodes i:nth-child(2){right:12%;top:49%}
.z36-service-instrument-nodes i:nth-child(3){right:29%;bottom:14%}
.z36-service-instrument-nodes i:nth-child(4){left:25%;bottom:17%}
.z36-service-instrument-nodes i:nth-child(5){left:11%;top:47%}
.z36-service-instrument-nodes i:nth-child(6){left:29%;top:17%}
.z36-service-instrument>small{position:absolute;bottom:10px;right:13px;z-index:4;font-size:7px;letter-spacing:.13em;color:#6388bd}
.z36-service-instrument[data-mode="web"] .z36-service-instrument-rings i{border-radius:12px;width:142px;height:96px;rotate:0deg}
.z36-service-instrument[data-mode="web"] .z36-service-instrument-frame{opacity:1}
.z36-service-instrument[data-mode="web"] .z36-service-instrument-core{border-radius:9px;transform:translateY(-9px)}
.z36-service-instrument[data-mode="ads"] .z36-service-instrument-rings i{opacity:.08}
.z36-service-instrument[data-mode="ads"] .z36-service-instrument-wave{opacity:.9}
.z36-service-instrument[data-mode="ads"] .z36-service-instrument-core{transform:translateY(-22px);border-radius:50%}
.z36-service-instrument[data-mode="content"] .z36-service-instrument-rings i:nth-child(1){width:150px;height:78px;border-radius:12px;rotate:10deg}
.z36-service-instrument[data-mode="content"] .z36-service-instrument-rings i:nth-child(2){width:132px;height:74px;border-radius:12px;rotate:-9deg}
.z36-service-instrument[data-mode="content"] .z36-service-instrument-rings i:nth-child(3){opacity:.06}
.z36-service-instrument[data-mode="social"] .z36-service-instrument-nodes i{opacity:.95;transform:scale(1.28)}
.z36-service-instrument[data-mode="social"] .z36-service-instrument-rings i{opacity:.35;stroke-dasharray:2 5}
.z36-service-instrument[data-mode="seo"] .z36-service-instrument-rings i:nth-child(1){width:156px;height:58px;border-radius:30px}
.z36-service-instrument[data-mode="seo"] .z36-service-instrument-rings i:nth-child(2),.z36-service-instrument[data-mode="seo"] .z36-service-instrument-rings i:nth-child(3){opacity:.06}
.z36-service-instrument[data-mode="seo"] .z36-service-instrument-core{width:54px;height:54px;border-radius:50%;transform:translate(42px,-17px)}
.z36-svc-frame{--z36-svc-focus:.18}
.z36-svc-frame .z36-svc-frame-visual{filter:saturate(.82) brightness(.9);transition:filter .55s,transform .75s var(--z36-sig-spring)}
.z36-svc-frame.is-active .z36-svc-frame-visual{filter:saturate(1) brightness(1)}
.z36-svc-frame.is-active{--z36-svc-focus:1}
.z36-about-genome{position:absolute;inset:7%;width:86%;height:86%;overflow:visible;pointer-events:none;z-index:0;rotate:var(--genome-rotate,0deg);scale:var(--genome-scale,1);transition:rotate .7s var(--z36-sig-ease),scale .7s var(--z36-sig-ease)}
.z36-about-genome path{fill:none;stroke:rgba(99,161,255,.18);stroke-width:1.1;stroke-linecap:round;stroke-dasharray:8 9;stroke-dashoffset:var(--genome-dash,0);filter:drop-shadow(0 0 5px rgba(62,135,238,.13));transition:stroke .55s,opacity .55s,stroke-width .55s}
.z36-about-genome path.is-active{stroke:#6eb4ff;stroke-width:2;opacity:.85}
.z36-about-orbit-stage .z36-about-core,.z36-about-orbit-stage .z36-about-node,.z36-about-orbit-stage .z36-about-orbit-readout{z-index:2}
.z36-about-dna[data-genome-index="0"] .z36-about-genome .g1,
.z36-about-dna[data-genome-index="1"] .z36-about-genome .g2,
.z36-about-dna[data-genome-index="2"] .z36-about-genome .g3,
.z36-about-dna[data-genome-index="3"] .z36-about-genome .g4,
.z36-about-dna[data-genome-index="4"] .z36-about-genome .g5{stroke:#72b7ff;stroke-width:2;opacity:.9}
.z36-contact-signal{--contact-progress:0}
.z36-contact-route-map{display:block;width:100%;height:82px;margin:0 0 12px;overflow:visible}
.z36-contact-route-map path{fill:none;vector-effect:non-scaling-stroke}
.z36-contact-route-map .route-base{stroke:rgba(88,143,226,.16);stroke-width:1.3}
.z36-contact-route-map .route-live{stroke:#66adff;stroke-width:2;stroke-linecap:round;stroke-dasharray:var(--contact-route-length,530);stroke-dashoffset:var(--contact-dashoffset,530);filter:drop-shadow(0 0 6px rgba(70,151,255,.45));transition:stroke-dashoffset .65s var(--z36-sig-ease),stroke .35s}
.z36-contact-route-map>circle:not(.route-progress){fill:#315f9b}
.z36-contact-route-map .route-progress{fill:#d9ecff;stroke:#4d9dff;stroke-width:2;filter:drop-shadow(0 0 7px #438df3);transform:translate(var(--route-x,0px),var(--route-y,0px));transform-box:fill-box;transform-origin:center;transition:transform .65s var(--z36-sig-spring)}
.z36-contact-signal[data-route="DIRECT"] .route-live{stroke:#8ed4ff}
.z36-contact-signal[data-route="COLLAB"] .route-live{stroke:#9d9aff}
.z36-services-cinema.z36-cine-scene>.z36-container,
.z36-contact-hub.z36-cine-scene>.z36-container,
.z36-about-dna.z36-cine-scene>.z36-container{translate:none}
.z36-services-cinema>.z36-cine-frame>em{display:none}
.z36-page-hero-layout>* ,
.z36-services-cinema-layout>* ,
.z36-svc-frame>* ,
.z36-contact-hub-layout>* ,
.z36-consult-layout>* ,
.z36-case-story-layout>* ,
.z36-article-layout>*{min-width:0}
.z36-prose,.z36-case-story-layout,.z36-case-chapter{overflow-wrap:anywhere;word-break:normal}
:root{--z36-font:"Vazirmatn","IRANSansX","IRANSans",Tahoma,Arial,sans-serif}
.z36-motion-instrument .z36-cine-frame>em,.z36-motion-editorial .z36-cine-frame>em{display:none}
.z36-motion-data .z36-cine-frame-scan{opacity:.16}
.z36-motion-editorial .z36-cine-frame-scan,.z36-motion-editorial .z36-cine-frame>u{display:none}
.z36-motion-editorial .z36-cine-frame-label{opacity:.72}
.z36-footer-col a,.z36-footer-cta>a,.z36-nav a{font-size:max(12px,1em)}
.z36-motion-narrative>.z36-cine-frame .z36-cine-frame-label{opacity:.92}
.z36-motion-narrative>.z36-cine-frame>em{opacity:.9}
.z36-motion-instrument>.z36-cine-frame{background:linear-gradient(90deg,transparent,rgba(62,132,235,.018),transparent)}
.z36-motion-instrument>.z36-cine-frame .z36-cine-frame-label b{border-style:dashed}
.z36-motion-instrument>.z36-cine-frame-scan{opacity:.46;background:linear-gradient(90deg,transparent,rgba(91,162,255,.12),rgba(109,181,255,.62),rgba(91,162,255,.12),transparent)}
.z36-motion-data>.z36-cine-frame>u:nth-of-type(2),.z36-motion-data>.z36-cine-frame>u:nth-of-type(4){display:none}
.z36-motion-data>.z36-cine-frame .z36-cine-frame-label{font-variant-numeric:tabular-nums}
.z36-motion-editorial>.z36-cine-frame{border-top:1px solid rgba(80,137,220,.09)}
.z36-motion-editorial>.z36-cine-frame .z36-cine-frame-label{top:18px;opacity:.62}
button,input,select,textarea{font-family:var(--z36-font)}
@media (min-width:681px){
.z36-idea-stage{
    --z36-idea-hub-x:13%;
    --z36-idea-rail-start:27%;
  }
  .z36-idea-rail{
    left:var(--z36-idea-rail-start);
    right:5%;
    grid-template-columns:minmax(104px,130px) minmax(0,1fr) 76px;
    column-gap:18px;
    padding-inline:22px;
  }
  .z36-idea-rail strong{
    min-width:0;
    line-height:1.35;
  }
  .z36-idea-core{
    left:var(--z36-idea-hub-x);
    width:106px;
    height:106px;
    border-radius:31px;
    pointer-events:none;
  }
  .z36-idea-core>div{
    width:72px;
    height:72px;
    border-radius:21px;
  }
  .z36-idea-core img{width:40px;max-width:40px;height:auto}
  .z36-idea-core>i{width:158px;height:158px;opacity:.72}
  .z36-idea-core>i:nth-child(2){width:210px;height:210px;opacity:.36}
  .z36-idea-core small{bottom:-25px}
}
@media (min-width:981px){
.z36-services-cinema{overflow:visible}
  .z36-service-instrument{width:100%;align-self:stretch;box-sizing:border-box}
.z36-services-director{height:auto;align-self:stretch;min-width:0}
  .z36-services-director-sticky{position:sticky;top:calc(var(--z36-header) + var(--z36-admin,0px) + 46px);max-height:calc(100svh - var(--z36-header) - var(--z36-admin,0px) - 58px);min-height:min(620px,calc(100svh - var(--z36-header) - var(--z36-admin,0px) - 58px));overflow:clip}
.z36-experience .z36-section{padding-block:clamp(88px,6.7vw,104px)}
  .z36-experience .z36-section-head,
  .z36-experience .z36-projects-head,
  .z36-experience .z36-blog-head{margin-bottom:clamp(38px,3.5vw,48px)}
  .z36-story{padding:74px 0 68px}
  .z36-story-layout{grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);gap:clamp(48px,5vw,72px)}
  .z36-story-visual-wrap{
    height:min(610px,calc(100svh - var(--z36-header) - var(--z36-admin,0px) - 82px));
    min-height:535px;
    top:calc(var(--z36-header) + var(--z36-admin,0px) + 22px)
  }
  .z36-story-step{min-height:clamp(350px,44vh,410px);padding-block:clamp(34px,4.5vh,48px)}
  .z36-story-step h2{font-size:clamp(39px,3.75vw,54px);margin:13px 0 16px;line-height:1.18}
  .z36-story-step p{max-width:500px;line-height:1.95}
  .z36-story-step .z36-tags{margin-block:18px}
  .z36-idea-machine{padding:86px 0 92px}
  .z36-idea-head{grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);column-gap:clamp(46px,5vw,72px);margin-bottom:36px}
  .z36-idea-head h2{font-size:clamp(40px,4.35vw,60px);max-width:760px}
  .z36-idea-stage{height:430px}
  .z36-idea-rail{height:76px;border-radius:16px}
  .z36-idea-rail.r1{top:48px}
  .z36-idea-rail.r2{top:177px}
  .z36-idea-rail.r3{top:306px}
  .z36-cap-layout{grid-template-rows:repeat(3,205px);gap:14px}
  .z36-cap-card{padding:22px;border-radius:22px}
  .z36-cap-card--1{padding:26px}
  .z36-cap-card .icon{margin:12px 0}
  .z36-cap-browser{height:116px;bottom:24px}
  .z36-web-lab{padding-block:104px}
  .z36-web-lab-layout{gap:clamp(48px,5vw,66px)}
  .z36-web-stack{height:500px}
  .z36-proof-head{margin-bottom:38px}
  .z36-proof-board{min-height:300px}
  .z36-proof-number{padding:30px 24px}
  .z36-proof-number strong{font-size:clamp(40px,4.35vw,60px)}
  .z36-proof-orbit{top:-178px}
  .z36-project-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,360px);gap:16px}
  .z36-project-card,.z36-project-card--1{grid-column:auto;grid-row:auto;min-height:0}
  .z36-project-card .z36-art,.z36-project-card--1 .z36-art{height:100%;min-height:0}
  .z36-project-info{padding:22px;padding-top:72px}
  .z36-project-info h3{font-size:22px}
  .z36-manifest{padding:100px 0}
  .z36-manifest p{font-size:clamp(40px,4.7vw,66px);line-height:1.46;margin-top:24px}
  .z36-process-layout{grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);gap:clamp(52px,5vw,72px)}
  .z36-process-copy{top:124px}
  .z36-process-step{min-height:136px;padding:24px 0}
  .z36-process-step h3{font-size:25px}
  .z36-blog-card .media{height:210px}
  .z36-blog-card .body{min-height:188px}
  .z36-final{min-height:590px;padding-block:100px}
}
@media (min-width:1180px){
.z36-proof>.z36-container{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:clamp(48px,5vw,72px);align-items:center}
  .z36-proof-head{max-width:470px;margin:0}
  .z36-proof-head h2{font-size:clamp(40px,4vw,58px)}
  .z36-proof-board{min-width:0}
  .z36-project-grid{grid-template-columns:repeat(10,minmax(0,1fr));grid-template-rows:repeat(2,330px);gap:16px}
  .z36-project-card--1{grid-column:1/7;grid-row:1/3}
  .z36-project-card--2{grid-column:7/11;grid-row:1}
  .z36-project-card--3{grid-column:7/9;grid-row:2}
  .z36-project-card--4{grid-column:9/11;grid-row:2}
  .z36-project-card--1 .z36-art{height:100%}
  .z36-project-card--2 .z36-art,
  .z36-project-card--3 .z36-art,
  .z36-project-card--4 .z36-art{height:100%}
  .z36-project-card--3 .z36-project-info,
  .z36-project-card--4 .z36-project-info{padding:18px;padding-top:58px;display:block}
  .z36-project-card--3 .z36-project-info h3,
  .z36-project-card--4 .z36-project-info h3{font-size:18px;line-height:1.35;margin:0 0 6px}
  .z36-project-card--3 .z36-project-info p,
  .z36-project-card--4 .z36-project-info p{display:none}
  .z36-project-card--3 .z36-project-info strong,
  .z36-project-card--4 .z36-project-info strong{font-size:21px;display:block;margin-top:6px}
  .z36-project-card--3 .z36-project-meta,
  .z36-project-card--4 .z36-project-meta{top:15px;left:15px;right:15px;font-size:8px}
}
@media (max-width:1199px){
:root{--z36-header:72px}.z36-container{width:min(100% - 44px,1080px)}.z36-nav>ul{gap:16px}.z36-nav a{font-size:11px}.z36-hero-layout{gap:35px}.z36-reactor{height:500px}.z36-reactor-orbit.o3{width:450px;height:450px}.z36-story-layout{gap:40px}.z36-story-visual-wrap{min-height:0}.z36-cap-layout{grid-template-columns:1fr 1fr;grid-template-rows:auto}.z36-cap-card{min-height:220px}.z36-cap-card--1{grid-row:span 2}.z36-cap-card--2,.z36-cap-card--3,.z36-cap-card--4,.z36-cap-card--5,.z36-cap-card--6{grid-column:auto;grid-row:auto}.z36-cap-core{grid-column:1/-1;grid-row:auto;height:210px}.z36-web-stack{height:500px}.z36-project-grid{grid-template-rows:repeat(2,minmax(340px,1fr))}.z36-project-card--1 .z36-art{min-height:470px}.z36-page-hero-layout{gap:35px}.z36-page-visual{height:450px}.z36-web-evolution-layout{gap:40px}.z36-footer-top{gap:28px}
:root{--z36-section-space:clamp(70px,8vw,102px)}
  .z36-hero{min-height:900px}
  .z36-hero-layout{min-height:680px}
  .z36-story-visual-wrap{height:620px;top:calc(var(--z36-header) + var(--z36-admin,0px) + 22px)}
  .z36-story-step{min-height:560px}
  .z36-page-hero{min-height:720px}
.z36-hero-layout{gap:clamp(28px,4vw,54px)}
  .z36-story-layout{gap:clamp(28px,4vw,48px)}
.z36-services-cinema-layout{grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:34px}
  .z36-svc-frame{grid-template-columns:1fr;min-height:auto}
  .z36-svc-frame-copy{min-height:340px}.z36-svc-frame-visual{min-height:390px;border-right:0;border-top:1px solid rgba(91,148,235,.12)}

  /* case-film responsive contract */
  .z36-project-card .z36-art,.z36-project-card--1 .z36-art{position:absolute;inset:0;height:100%;min-height:0}
  .z36-project-info{padding:22px}
}
@media (max-width:980px){
.z36-nav,.z36-header-cta{display:none}.z36-menu-toggle{display:block;margin-inline-start:auto}.z36-header-inner{height:60px}.z36-hero-layout{grid-template-columns:1fr}.z36-hero-copy{text-align:center}.z36-hero-copy .z36-kicker{max-width:650px;margin:auto}.z36-hero-copy>p{margin:auto}.z36-hero-actions,.z36-hero-proof{justify-content:center}.z36-scroll-cue{display:none}.z36-story{padding-top:80px}.z36-story-layout{grid-template-columns:1fr}.z36-story-step{border:1px solid rgba(85,145,235,.18);border-radius:18px;background:#091b35}.z36-story-step h2{font-size:28px}.z36-story-step p{font-size:12px}.z36-section,.z36-inner-section{padding:90px 0}.z36-section-head,.z36-projects-head,.z36-blog-head{grid-template-columns:1fr;gap:20px}.z36-section-head>p{max-width:650px}.z36-web-lab-layout{grid-template-columns:1fr}.z36-web-copy{max-width:730px}.z36-web-stack{height:520px}.z36-proof-board{grid-template-columns:repeat(2,1fr)}.z36-proof-number{min-height:210px;border-bottom:1px solid rgba(83,145,243,.14)}.z36-project-grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.z36-project-card,.z36-project-card--1{grid-row:auto;min-height:500px}.z36-project-card--1 .z36-art,.z36-project-card .z36-art{min-height:330px;height:68%}.z36-process-layout{grid-template-columns:1fr;gap:35px}.z36-process-copy{position:relative;top:auto}.z36-blog-grid{grid-template-columns:1fr 1fr}.z36-blog-card:last-child{grid-column:1/-1}.z36-page-hero-layout{grid-template-columns:1fr}.z36-page-copy{max-width:780px}.z36-service-system-layout{grid-template-columns:1fr}.z36-web-evolution-layout{grid-template-columns:1fr}.z36-web-evo-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.z36-web-evo-copy article{min-height:auto;padding:22px;border:1px solid rgba(87,143,229,.14);border-radius:16px}.z36-web-evo-stage{position:relative;top:auto;height:520px}.z36-principles-grid{grid-template-columns:1fr 1fr}.z36-build-grid{grid-template-columns:repeat(2,1fr)}.z36-archive-card,.z36-archive-card.c1,.z36-archive-card.c2,.z36-archive-card.c5,.z36-archive-card.c6{grid-column:span 6}.z36-case-hero-layout{grid-template-columns:1fr}.z36-case-hero .metric{height:190px}.z36-case-story-layout{grid-template-columns:1fr}.z36-case-story aside{position:relative;top:auto}.z36-case-story aside nav{display:flex;gap:15px;flex-wrap:wrap}.z36-consult-layout{grid-template-columns:1fr}.z36-featured-post{grid-template-columns:1fr}.z36-featured-post .media{min-height:350px}.z36-archive-blog-grid{grid-template-columns:1fr 1fr}.z36-article-layout{grid-template-columns:1fr}.z36-article-layout aside{position:relative;top:auto;border-left:0;border-bottom:1px solid #d8e3ef;padding:0 0 25px}.z36-footer-top{grid-template-columns:1.2fr 1fr 1fr}.z36-footer-cta{grid-column:1/-1;padding-top:25px;border-top:1px solid rgba(89,136,204,.15)}
.z36-intro-orbit.o3{width:540px;height:540px}.z36-about-dna-layout,.z36-about-method-layout,.z36-contact-hub-layout{grid-template-columns:1fr}.z36-about-method-copy{position:relative;top:auto}.z36-about-method-line{display:none}.z36-contact-detail-grid{grid-template-columns:1fr 1fr}.z36-about-values-grid{grid-template-columns:1fr}.z36-about-values-grid .v2,.z36-about-values-grid .v4{translate:0 0}.z36-about-facts .z36-container{grid-template-columns:1fr 1fr}.z36-about-facts .z36-container>div{border-bottom:1px solid rgba(255,255,255,.14)}
:root{--z36-section-space:78px;--z36-section-space-sm:62px}
  .z36-hero{min-height:auto;padding-top:118px;padding-bottom:68px}
  .z36-hero-layout{min-height:auto;gap:22px}
  .z36-reactor{height:500px;margin-top:0}
  .z36-hero-aperture>i{width:520px}.z36-hero-aperture>i:nth-child(2){width:690px}.z36-hero-aperture>i:nth-child(3){width:860px}
  .z36-hero-beam{width:90vw;height:30vw;right:6%;top:58%}
  .z36-story{padding-block:76px}
  .z36-story-visual-wrap{height:560px;position:relative;top:auto}
  .z36-story-steps{grid-template-columns:1fr;gap:10px;margin-top:20px}
  .z36-story-step{min-height:auto;padding:28px 26px;opacity:1;transform:none}
  .z36-story-step:not(.is-active){filter:none}
  .z36-story-step .z36-tags{display:flex}
  .z36-page-hero{min-height:auto;padding-top:125px;padding-bottom:68px}
  .z36-page-hero-layout{min-height:auto;gap:22px}
  .z36-page-visual{height:410px}
  .z36-about-orbit-stage{height:520px}
  .z36-contact-console{min-height:610px}
  .z36-contact-hub{background:linear-gradient(180deg,#061429 0,#08182f 46%,#f4f7fc 46%)}
.z36-experience:before{display:none}
  .z36-story-visual{transform:none}
  .z36-launch-stage,.z36-command-panel{translate:0 0}
.z36-story-step{filter:none}.z36-story-visual.z36-fluid-story .z36-command-panel,.z36-story-visual.z36-fluid-story .z36-launch-stage,.z36-story-visual.z36-fluid-story .z36-rocket,.z36-story-visual.z36-fluid-story .z36-scene-card{will-change:auto}
.z36-services-cinema{padding-block:82px}.z36-services-cinema-layout{display:block}.z36-services-director-sticky{position:relative;top:auto;min-height:auto;padding:0 0 42px;border-bottom:1px solid rgba(89,146,230,.14);margin-bottom:28px}
  .z36-services-director-sticky>strong{font-size:84px;margin-block:18px 12px}.z36-services-director-progress{display:none}.z36-services-director-dots{margin-top:24px}.z36-services-director-sticky>small{display:none}
  .z36-svc-frame{opacity:1;transform:none}.z36-svc-frame-visual{transform:none}
  .z36-service-instrument{height:170px;margin:20px 0}.z36-about-genome{inset:10%;width:80%;height:80%}
}
@media (min-width:681px) and (max-width:980px){
.z36-idea-stage{--z36-idea-hub-x:12.5%;--z36-idea-rail-start:28%}
  .z36-idea-rail{grid-template-columns:94px minmax(0,1fr) 58px;column-gap:12px;padding-inline:17px}
  .z36-idea-rail strong{font-size:clamp(17px,2.4vw,23px)}
  .z36-idea-core{width:92px;height:92px;border-radius:27px}
  .z36-idea-core>div{width:62px;height:62px;border-radius:18px}
  .z36-idea-core img{width:34px;max-width:34px}
  .z36-idea-core>i{width:136px;height:136px}
  .z36-idea-core>i:nth-child(2){width:178px;height:178px}
.z36-services-director,
  .z36-services-director-sticky{min-width:0;max-width:100%}
  .z36-services-director-sticky{overflow:hidden}
  .z36-service-instrument{width:100%;max-width:100%;align-self:stretch;box-sizing:border-box;contain:paint}
  .z36-page-hero{overflow:clip}
  .z36-page-hero .z36-page-grid{transform:translate3d(0,var(--page-grid-y,0),0)}
  .z36-page-mode-word{left:0;max-width:100%;overflow:hidden}
}
@media (max-width:782px){
body.admin-bar{--z36-admin:46px}
}
@media (max-width:680px){
.z36-scroll-rail{display:none}.z36-header{top:calc(var(--z36-admin,0px) + 8px)}.z36-header-inner{width:calc(100% - 20px);border-radius:16px}.z36-brand{min-width:auto}.z36-brand span:not(.z36-brand-custom){display:none}.z36-section,.z36-inner-section{padding:70px 0}.z36-hero{padding:115px 0 55px}.z36-kicker b{display:none}.z36-hero-actions{flex-direction:column;align-items:stretch}.z36-hero-proof{gap:10px;flex-wrap:wrap}.z36-hero-proof b{font-size:19px}.z36-reactor-orbit.o1{width:190px;height:190px}.z36-reactor-orbit.o2{width:280px;height:280px}.z36-reactor-orbit.o3{width:360px;height:360px}.z36-reactor-core{width:105px;height:105px;border-radius:27px}.z36-reactor-core img{width:60px}.z36-reactor-node.n1{top:50px}.z36-reactor-node.n2{top:120px}.z36-reactor-node.n3{bottom:75px}.z36-reactor-node.n4{bottom:38px}.z36-story{padding:55px 0}.z36-command-panel{padding:12px}.z36-command-chart .meta strong{font-size:20px}.z36-command-metrics{grid-template-columns:1fr;position:absolute;left:9px;bottom:9px;width:45%;gap:4px}.z36-command-metrics div{padding:6px}.z36-scene-card{display:none}.z36-story-steps{grid-template-columns:1fr}.z36-story-step{opacity:1}.z36-cap-layout{grid-template-columns:1fr}.z36-web-lab{padding:80px 0}.z36-web-copy h2{font-size:39px}.z36-web-stack{height:390px}.z36-browser-window.w1{width:88%;height:55%}.z36-browser-window.w2{width:84%;height:54%}.z36-mobile-window{width:100px;height:210px;right:37%;border-width:5px}.z36-web-orbit{width:290px;height:290px}.z36-proof-board{grid-template-columns:1fr}.z36-proof-number{min-height:150px}.z36-project-grid{grid-template-columns:1fr}.z36-projects-head>a,.z36-blog-head>a{justify-self:start}.z36-manifest{padding:80px 0}.z36-manifest p{font-size:34px;line-height:1.65}.z36-process-step{grid-template-columns:42px 1fr 18px;gap:14px}.z36-blog-grid{grid-template-columns:1fr}.z36-blog-card:last-child{grid-column:auto}.z36-final{min-height:560px;padding:85px 18px}.z36-final-inner h2{font-size:42px}.z36-final-inner>div{flex-direction:column}.z36-page-hero{padding:125px 0 55px}.art-services>i.o2,.art-about>i:nth-of-type(2),.art-generic>i:nth-of-type(2){width:330px;height:330px}.art-web .browser{width:88%}.art-web .phone{width:100px;height:210px}.art-work .tile{width:45%;height:36%}.z36-service-orbit>i{width:170px;height:170px}.z36-service-orbit>i:nth-of-type(2){width:260px;height:260px}.z36-service-orbit>i:nth-of-type(3){width:350px;height:350px}.z36-principles-grid{grid-template-columns:1fr}.z36-web-evo-copy{grid-template-columns:1fr}.z36-web-evo-stage{height:420px}.z36-web-evo-stage .screen{width:88%}.z36-web-evo-stage .phone{width:85px;height:180px}.z36-build-grid{grid-template-columns:1fr 1fr}.z36-build-grid>div{min-height:120px}.z36-archive-grid{grid-template-columns:1fr}.z36-archive-card,.z36-archive-card.c1,.z36-archive-card.c2,.z36-archive-card.c5,.z36-archive-card.c6{grid-column:1;min-height:460px}.z36-case-hero{padding:140px 0 70px}.z36-case-hero h1{font-size:49px}.z36-case-facts .z36-container{grid-template-columns:1fr 1fr}.z36-case-cover img,.z36-case-cover .z36-art{min-height:340px}.z36-form-grid{grid-template-columns:1fr}.z36-form label.wide{grid-column:1}.z36-form{padding:20px}.z36-form-submit{flex-direction:column;align-items:stretch}.z36-faq-grid{grid-template-columns:1fr}.z36-featured-post h2{font-size:29px}.z36-archive-blog-grid{grid-template-columns:1fr}.z36-article-hero{padding:145px 0 65px}.z36-article-hero h1{font-size:43px}.z36-article-body{padding:60px 0 80px}.z36-prose{font-size:15px}.z36-prose h2{font-size:28px}.z36-footer{padding-top:60px}.z36-footer-top{grid-template-columns:1fr 1fr}.z36-footer-brand,.z36-footer-cta{grid-column:1/-1}.z36-footer-bottom{align-items:flex-start;gap:10px;flex-direction:column}
.z36-intro-mark{width:108px;height:108px;border-radius:30px}.z36-intro-mark img{width:62px}.z36-intro-orbit.o1{width:205px;height:205px}.z36-intro-orbit.o2{width:315px;height:315px}.z36-intro-orbit.o3{width:430px;height:430px}.z36-intro-copy{top:calc(50% + 94px)}.z36-intro-copy strong{font-size:13px}.z36-intro-scan{right:18px;left:18px}.z36-signal-ribbon>div{width:86vw;gap:8px}.z36-signal-ribbon span:nth-of-type(even),.z36-signal-ribbon i:nth-of-type(even){display:none}.z36-about-opening{padding-top:82px}.z36-about-statement{margin:35px 0 50px}.z36-about-dna{padding:85px 0}.z36-about-ring{width:190px;height:190px}.z36-about-ring.r3{width:390px;height:390px}.z36-about-core{width:112px;height:112px;border-radius:31px}.z36-about-core img{width:60px}.z36-about-node.n1{top:11%;right:0}.z36-about-node.n2{top:25%;left:-3%}.z36-about-node.n3{right:-3%;bottom:20%}.z36-about-node.n4{left:5%;bottom:6%}.z36-about-node.n5{left:37%;top:4%}.z36-about-values-grid article{grid-template-columns:34px 1fr 18px;padding:22px;gap:13px}.z36-about-values-grid h3{font-size:25px}.z36-about-method-steps article{grid-template-columns:42px 1fr;min-height:180px}.z36-about-facts .z36-container{grid-template-columns:1fr 1fr;width:100%}.z36-about-facts .z36-container>div{min-height:145px;padding:20px}.z36-about-facts strong{font-size:34px}.z36-contact-detail-grid{grid-template-columns:1fr}.z36-contact-detail-grid article{min-height:240px}.z36-contact-note{padding:65px 0}.z36-page-hero:before{min-width:300px;min-height:300px}
:root{--z36-section-space:64px;--z36-section-space-sm:50px}
  .z36-container,.z36-footer-top,.z36-footer-bottom{width:calc(100% - 28px)}
  .z36-btn{min-height:50px;border-radius:14px;padding-inline:18px}
  .z36-hero{padding-bottom:52px}
  .z36-hero-copy h1{text-wrap:balance}
  .z36-hero-copy>p{font-size:13px;line-height:1.9}
  .z36-hero-actions{gap:10px}.z36-hero-actions .z36-btn{width:100%}
  .z36-reactor{height:360px;scale:.96}
  .z36-reactor-node{min-width:86px;padding:7px 8px}.z36-reactor-node small{font-size:6px}.z36-reactor-node b{font-size:13px}
  .z36-reactor-caption{bottom:7px}
  .z36-hero-aperture>i{width:300px}.z36-hero-aperture>i:nth-child(2){width:430px}.z36-hero-aperture>i:nth-child(3){width:560px}
  .z36-hero-aperture>b{height:360px;opacity:.45}.z36-hero-beam{top:62%;height:150px;filter:blur(12px)}
  .z36-signal-ribbon{display:none}
  .z36-ticker{height:50px}
  .z36-story{padding-block:54px}
  .z36-story-visual{border-radius:22px}
  .z36-scene-head{padding-inline-end:20px}.z36-scene-dots{top:auto;bottom:18px;left:18px}
  .z36-command-panel{width:72%;height:58%;left:6%;top:13%}
  .z36-launch-stage{width:38%;right:1%;height:42%}
  .z36-story-step{padding:24px 20px;border-radius:17px}
  .z36-story-step h2{font-size:30px;line-height:1.27;margin-block:10px 13px}
  .z36-story-step p{font-size:12px;line-height:1.85}
  .z36-section-head h2,.z36-projects-head h2,.z36-blog-head h2,.z36-proof-head h2,.z36-process-copy h2,.z36-inner-head h2{font-size:clamp(32px,9.5vw,40px);line-height:1.25;text-wrap:balance}
  .z36-cap-card:hover,.z36-project-card:hover,.z36-about-values-grid article:hover,.z36-contact-detail-grid article:hover{translate:0 0}
  .z36-page-hero{padding-top:110px}
  .z36-page-copy h1{line-height:1.13;text-wrap:balance}
  .z36-page-copy>p{font-size:13px;line-height:1.9}
  .z36-page-foot{right:14px;left:14px;bottom:14px}.z36-page-foot span:first-child{display:none}
  .z36-about-statement{font-size:clamp(29px,8.8vw,36px);line-height:1.65}
  .z36-about-dna{padding-block:68px}
  .z36-about-node{padding:9px 10px}.z36-about-node b{font-size:8px}
  .z36-about-values-grid article{min-height:190px}
  .z36-contact-hub{padding-top:60px}
  .z36-contact-console{padding:20px;border-radius:22px}.z36-contact-console h2{font-size:36px;line-height:1.22;margin-top:30px}
  .z36-contact-form-card{padding:16px;border-radius:22px}.z36-contact-form-card>header{gap:8px}
  .z36-contact-signal{grid-template-columns:105px 1fr;min-height:145px;padding:10px}.z36-contact-signal .radar{width:92px;height:92px}.z36-contact-signal strong{font-size:15px}
  .z36-form input,.z36-form select,.z36-form textarea{font-size:16px}
  .z36-form-grid{gap:13px}
  .z36-contact-note p{font-size:clamp(25px,8vw,32px);line-height:1.55}
  [data-z36-tilt]{transform:none}
.z36-capabilities .z36-section-head,.z36-projects .z36-projects-head,.z36-blog .z36-blog-head{position:relative}
  .z36-capabilities .z36-section-head:after,.z36-projects .z36-projects-head:after,.z36-blog .z36-blog-head:after{content:"SWIPE  ↔";display:block;margin-top:12px;font-size:8px;letter-spacing:.16em;color:#6c8fbf;direction:ltr}
  .z36-cap-layout,.z36-project-grid,.z36-blog-grid{display:flex;grid-template-columns:none;grid-template-rows:none;gap:12px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;padding:4px 14px 18px;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .z36-cap-layout::-webkit-scrollbar,.z36-project-grid::-webkit-scrollbar,.z36-blog-grid::-webkit-scrollbar{display:none}
  .z36-cap-card,.z36-cap-card--1{flex:0 0 min(82vw,330px);min-height:330px;height:330px;grid-column:auto;grid-row:auto;scroll-snap-align:center;padding:21px}
  .z36-cap-card--1{min-height:390px;height:390px}
  .z36-cap-core{flex:0 0 min(72vw,285px);height:330px;grid-column:auto;grid-row:auto;scroll-snap-align:center}
  .z36-cap-browser{height:120px}
  .z36-project-card,.z36-project-card--1{flex:0 0 min(86vw,350px);height:510px;min-height:510px;grid-row:auto;grid-column:auto;scroll-snap-align:center}
  .z36-project-card .z36-art,.z36-project-card--1 .z36-art{height:72%;min-height:0}
  .z36-project-info{padding:20px}.z36-project-info h3{font-size:21px}.z36-project-info p{font-size:13px}.z36-project-info strong{font-size:24px}
  .z36-blog-card,.z36-blog-card:last-child{flex:0 0 min(84vw,340px);grid-column:auto;scroll-snap-align:center}
  .z36-blog-card .media{height:205px}.z36-blog-card .body{min-height:195px}
.z36-cap-layout,.z36-project-grid,.z36-blog-grid{
    width:100%;
    max-width:100%;
    margin-inline:0;
    padding-inline:0 10px;
    scroll-padding-inline:0;
  }
  .z36-motion-enabled .z36-cap-layout .z36-reveal,
  .z36-motion-enabled .z36-project-grid .z36-reveal,
  .z36-motion-enabled .z36-blog-grid .z36-reveal{
    opacity:1;
    transform:none;
    filter:none;
    visibility:visible;
  }
html{scroll-padding-top:82px}
  body{overflow-x:clip}
  .z36-header-inner{padding-inline:max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-left))}
  .z36-mobile-panel{padding:max(20px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}
  .z36-hero{min-height:auto;padding-top:clamp(106px,16svh,126px)}
  .z36-hero-layout{min-height:auto;gap:32px}
  .z36-hero-copy h1{font-size:clamp(36px,10.4vw,44px);line-height:1.12;letter-spacing:-.038em}
  .z36-hero-copy>p{max-width:34rem}
  .z36-reactor{max-width:100%;margin-inline:auto}
  .z36-reactor-node{backdrop-filter:none}
  .z36-story-visual-wrap{height:min(470px,72svh);min-height:410px}
  .z36-story-step{min-height:auto;padding-block:28px}
  .z36-section-head,.z36-projects-head,.z36-blog-head,.z36-proof-head{margin-bottom:30px}
  .z36-cap-layout,.z36-project-grid,.z36-blog-grid{contain:inline-size}
  .z36-final{padding-bottom:max(78px,calc(60px + env(safe-area-inset-bottom)))}
  .z36-page-copy h1{font-size:clamp(38px,11vw,48px)}
  .z36-contact-console,.z36-contact-form-card{border-radius:22px}
  .z36-contact-console{min-height:auto}
  .z36-about-values-grid article,.z36-contact-detail-grid article{min-height:unset}
.z36-mobile-dock{display:flex}.z36-menu-open .z36-mobile-dock{opacity:0}
  .z36-mobile-menu{background:rgba(1,8,20,.9)}.z36-mobile-panel{overflow:hidden;background:radial-gradient(circle at 75% 20%,rgba(54,124,246,.16),transparent 28%),#061429}
  .z36-mobile-menu-art{display:grid;grid-template-columns:112px 1fr;align-items:center;gap:18px;margin:18px 0 4px;padding:14px;border:1px solid rgba(95,156,250,.16);border-radius:20px;background:rgba(8,27,58,.72)}
  .z36-mobile-menu-art>div{width:100px;height:100px;position:relative;display:grid;place-items:center}.z36-mobile-menu-art>div>i{position:absolute;border:1px solid rgba(90,151,247,.24);border-radius:50%;width:82px;height:82px}.z36-mobile-menu-art>div>i:nth-child(2){width:112px;height:112px;border-style:dashed;animation:z36Spin 22s linear infinite}.z36-mobile-menu-art span{width:54px;height:54px;border-radius:16px;background:#0b2a58;border:1px solid rgba(99,160,255,.25);display:grid;place-items:center;z-index:2}.z36-mobile-menu-art img{width:32px}.z36-mobile-menu-art p{margin:0;font-size:22px;line-height:1.05;font-weight:950;letter-spacing:-.03em}.z36-mobile-menu-art small{grid-column:1/-1;font-size:6px;letter-spacing:.16em;color:#6487bb}
  .z36-mobile-panel>ul{padding:10px 0 18px;gap:0}.z36-mobile-panel>ul>li{opacity:0;transform:translate3d(0,12px,0);transition:opacity .45s var(--z36-cinema),transform .5s var(--z36-cinema)}.z36-mobile-menu.is-open .z36-mobile-panel>ul>li{opacity:1;transform:none}.z36-mobile-menu.is-open .z36-mobile-panel>ul>li:nth-child(2){transition-delay:.04s}.z36-mobile-menu.is-open .z36-mobile-panel>ul>li:nth-child(3){transition-delay:.08s}.z36-mobile-menu.is-open .z36-mobile-panel>ul>li:nth-child(4){transition-delay:.12s}.z36-mobile-menu.is-open .z36-mobile-panel>ul>li:nth-child(5){transition-delay:.16s}.z36-mobile-menu.is-open .z36-mobile-panel>ul>li:nth-child(6){transition-delay:.2s}.z36-mobile-panel>ul a{font-size:20px;padding:12px 4px}
  .z36-route-transition{grid-template-columns:1fr}.z36-route-slab.s2,.z36-route-slab.s3{position:absolute;inset:0}.z36-route-slab.s2{inset-inline:7%}.z36-route-slab.s3{inset-inline:14%}.z36-route-mark{width:64px;height:64px;border-radius:20px}.z36-route-mark img{width:38px}.z36-route-signal>strong{font-size:25px}
  .z36-idea-machine{padding-block:68px}.z36-idea-head{grid-template-columns:1fr;gap:16px;margin-bottom:30px}.z36-idea-head h2{font-size:36px}.z36-idea-head p{font-size:11px}.z36-idea-stage{height:auto;min-height:0;padding:18px;display:grid;gap:10px;border-radius:24px}.z36-idea-rail{position:relative;inset:auto;height:auto;min-height:112px;grid-template-columns:1fr auto;padding:16px;border-radius:16px;transform:none}.z36-idea-rail small{grid-column:1/-1;margin-bottom:8px}.z36-idea-rail strong{font-size:19px;line-height:1.45}.z36-idea-rail span{font-size:8px}.z36-idea-core{position:relative;left:auto;top:auto;transform:none;margin:20px auto 8px;width:100px;height:100px;border-radius:30px}.z36-idea-core>i{width:160px;height:160px}.z36-idea-core>i:nth-child(2){width:210px;height:210px}.z36-idea-core>div{width:72px;height:72px}.z36-idea-core img{width:40px}
  .z36-page-hero{min-height:auto;padding-bottom:46px}.z36-page-hero-layout{display:flex;flex-direction:column;gap:26px}.z36-page-copy{order:1}.z36-page-visual{order:2;width:100%;height:min(78vw,330px);border-radius:24px;overflow:hidden;border:1px solid rgba(100,158,249,.12);background:rgba(7,25,53,.32)}.z36-page-foot{display:none}.z36-page-scroll{margin-top:18px}
  .z36-service-system-layout{display:block}.z36-service-orbit{height:auto;min-height:520px;margin-top:34px;padding:160px 12px 104px;display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:end}.z36-service-orbit>.core{position:absolute;top:30px;left:50%;right:auto;transform:translateX(-50%)}.z36-service-orbit>.node{position:static;transform:none;translate:0;width:100%;min-width:0;text-align:center;justify-content:center}.z36-service-orbit>i{display:none}.z36-service-map-readout{bottom:18px;right:16px;left:16px;grid-template-columns:70px 1fr;text-align:start}
  .z36-about-dna-layout{display:block}.z36-about-orbit-stage{height:auto;min-height:600px;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:190px 0 150px}.z36-about-core{position:absolute;top:40px;left:50%;transform:translateX(-50%)}.z36-about-ring{top:1px;left:50%;transform:translateX(-50%)}.z36-about-ring.r2{width:260px;height:260px}.z36-about-ring.r3{display:none}.z36-about-node{position:static;translate:0;transform:none;width:100%;min-height:64px;min-width:0;text-align:center;display:grid;place-items:center}.z36-about-orbit-readout{right:10px;left:10px;bottom:20px;transform:none;width:auto;min-height:112px}
  .z36-contact-hub{background:linear-gradient(180deg,#061429 0,#08182f 44%,#f4f7fc 44%)}.z36-contact-signal .readout p{font-size:7px}.z36-contact-routes a{min-height:72px}
  .z36-blog-frequency>.z36-container{grid-template-columns:1fr;gap:8px;padding-block:14px}.z36-blog-frequency>b{display:none}.z36-blog-frequency>div>div{width:100%}
.z36-idea-core{isolation:isolate;margin-top:30px;margin-bottom:18px;z-index:1}
  .z36-idea-core>i{display:none}
  .z36-idea-core small{bottom:-23px}
.z36-hero-cinema-guides>i,.z36-hero-cinema-guides>b{display:none}.z36-hero-cinema-guides>span{right:18px;bottom:10px}
  .z36-hero-copy{opacity:1;scale:1}.z36-reactor{rotate:0deg}
  .z36-story-word{inset:17% -18% auto;height:80px}.z36-story-word span{font-size:58px}.z36-story-focus{opacity:.36}.z36-story-focus>i{width:60%}.z36-story-focus>i:nth-child(2){width:88%}
  .z36-service-axis{flex-wrap:wrap}.z36-service-axis i{width:18px}
  .z36-services-cinema{padding-block:64px}.z36-services-director-sticky h2{font-size:36px}.z36-services-director-sticky p{font-size:12px}.z36-services-director-sticky>strong{font-size:68px}
  .z36-service-frames{gap:18px}.z36-svc-frame{border-radius:24px}.z36-svc-frame-copy{min-height:auto;padding:26px 22px}.z36-svc-frame-copy h3{font-size:34px}.z36-svc-frame-copy p{font-size:12px}.z36-svc-frame-visual{min-height:310px}.z36-svc-art{width:100%;height:100%}.z36-svc-frame-index{font-size:54px}
  .z36-svc-art--strategy .radar{width:190px;height:190px}.z36-svc-art--strategy .target{width:94px;height:68px}
  .z36-svc-art--web .phone{width:75px;height:154px;left:6%}.z36-svc-art--web .screen{width:78%;height:58%;right:5%}
  .z36-svc-art--content article{width:42%;height:52%}.z36-svc-art--content article b{font-size:18px}
  .z36-svc-art--social .hub i{width:190px;height:190px}.z36-svc-art--social .hub i:nth-child(2){width:260px;height:260px}
  .z36-service-pulse{height:56px}
.z36-cine-frame{inset:12px 12px 14px;opacity:min(var(--cine-frame-o),.42)}
  .z36-cine-frame-label{top:0;right:0}.z36-cine-frame-label small{max-width:120px;overflow:hidden;text-overflow:ellipsis}
  .z36-cine-frame>em{font-size:112px;left:-6px;bottom:-8px;-webkit-text-stroke-color:rgba(79,140,225,.035)}
  .z36-cine-frame-scan{opacity:.46}
  .z36-cine-heading:after{display:none}.z36-cine-heading:before{width:92px;bottom:-.08em}
  .z36-hero-film{inset:10px}.z36-hero-film>span,.z36-hero-film>b{display:none}.z36-hero-film>em{width:26px;height:26px}.z36-hero-film>em:before{width:40px}.z36-hero-film>em:after{height:40px}
  .z36-hero:after{display:none}.z36-reactor{translate:0 var(--reactor-y,0px)}
  .z36-cap-layout:before{inset:4% -20%;filter:blur(34px)}
  .z36-cap-card:after{opacity:.62}
  .z36-project-card:before{display:none}.z36-project-card .z36-art{scale:1}
  .z36-page-mode-word{font-size:88px;bottom:-.07em;-webkit-text-stroke-color:rgba(71,130,216,.055)}
  .z36-inner-main .z36-cine-scene>.z36-container{translate:none}
  .z36-mobile-dock>strong{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9dbbe5}
  .z36-service-instrument{height:146px;border-radius:18px}.z36-service-instrument-rings i:nth-child(1){width:92px;height:92px}.z36-service-instrument-rings i:nth-child(2){width:120px;height:120px}.z36-service-instrument-rings i:nth-child(3){width:142px;height:142px}.z36-service-instrument-core{width:52px;height:52px;border-radius:15px}.z36-service-instrument-core span{font-size:19px}.z36-service-instrument>small{font-size:6px}.z36-service-instrument-wave{height:38px;bottom:26px}
  .z36-about-genome{inset:15%;width:70%;height:70%;opacity:.78}
  .z36-contact-route-map{height:64px}
  .z36-page-hero{overflow:clip;contain:paint}
  .z36-page-glow{left:0;top:5%;width:100%;height:min(100vw,420px);border-radius:42%;filter:blur(92px);transform:translate3d(0,var(--page-glow-y,0px),0) scale(var(--page-glow-scale,1))}
  .z36-page-mode-word{left:0;right:0;max-width:100%;overflow:hidden;translate:none}
  .z36-page-visual,.z36-page-art{max-width:100%;min-width:0;box-sizing:border-box}
  .z36-page-art{inset:0;width:100%;max-width:100%}
  .z36-bridge{overflow:clip;contain:paint}
  .z36-bridge:before{width:calc(100% - 28px);height:auto;aspect-ratio:1}
  .z36-bridge>.z36-container{min-width:0;max-width:100%}
  .z36-bridge h2,.z36-bridge p{max-width:100%;overflow-wrap:anywhere}
  .z36-404{overflow:clip;contain:paint;padding-inline:22px;box-sizing:border-box}
  .z36-404-orbit{width:min(290px,calc(100vw - 44px));height:auto;aspect-ratio:1;max-width:100%}
  .z36-case-story-layout,.z36-article-layout{width:100%;max-width:100%;min-width:0}
  .z36-case-story-layout aside,.z36-case-story-layout .z36-prose,
  .z36-article-layout aside,.z36-article-layout .z36-prose{width:100%;max-width:100%;min-width:0;box-sizing:border-box}
  .z36-case-story nav,.z36-article-layout nav{max-width:100%;min-width:0}
.z36-mobile-panel{
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    padding-bottom:max(24px,env(safe-area-inset-bottom));
  }
  .z36-mobile-panel::-webkit-scrollbar{display:none}
  .z36-footer{padding-bottom:max(78px,calc(68px + env(safe-area-inset-bottom)))}
  .z36-generic-hero{padding:132px 0 64px}
  .z36-generic-hero h1{font-size:clamp(36px,11vw,48px);line-height:1.25;overflow-wrap:anywhere}
  .z36-empty{padding:64px 0 76px}
  .z36-empty h2{font-size:clamp(28px,9vw,36px);line-height:1.45;margin-block:14px 10px}
  .z36-empty p{font-size:12px;line-height:1.9}
  .z36-empty .search-form{width:min(100%,520px);margin:24px auto 0;display:grid;grid-template-columns:1fr;gap:9px;text-align:initial}
  .z36-empty .search-form label{display:block;min-width:0}
  .z36-empty .search-form .search-field,
  .z36-empty .search-form input[type="search"],
  .z36-empty .search-form input:not([type="submit"]){
    width:100%;min-width:0;min-height:50px;margin:0;padding:0 15px;border:1px solid #d2deed;border-radius:14px;background:#fff;color:#071426;outline:none;box-shadow:0 8px 24px rgba(7,20,38,.05)
  }
  .z36-empty .search-form .search-field:focus,
  .z36-empty .search-form input[type="search"]:focus{border-color:#70a7ff;box-shadow:0 0 0 3px rgba(54,124,246,.11)}
  .z36-empty .search-form .search-submit,
  .z36-empty .search-form button{
    width:100%;min-height:50px;margin:0;padding:0 18px;border:0;border-radius:14px;background:#367cf6;color:#fff;font-weight:850;cursor:pointer
  }
  .z36-inner-main :is(.z36-search-results,.z36-blog-archive,.z36-generic-content)>.z36-cine-frame>em{display:none}

  /* case-film mobile composition */
  .z36-project-card,.z36-project-card--1{min-height:390px}
  .z36-project-card .z36-art,.z36-project-card--1 .z36-art{position:absolute;inset:0;height:100%;min-height:0}
  .z36-project-info{padding:20px;display:block;background:linear-gradient(180deg,transparent,rgba(2,10,24,.86))}
  .z36-project-info h3,.z36-project-card--1 .z36-project-info h3{font-size:23px}
  .z36-project-info p,.z36-project-card--1 .z36-project-info p{font-size:13px;line-height:1.7;margin-bottom:12px}
  .z36-project-info strong{display:inline-flex;font-size:20px}
}
@media (max-width:680px) and (prefers-reduced-motion:no-preference){
.z36-reactor{translate:0 var(--reactor-y,0px);rotate:var(--hero-rotate,0deg);scale:var(--hero-scale,1)}
  .z36-story-visual.z36-fluid-story .z36-command-panel{transform:translate3d(var(--fluid-x,0%),var(--fluid-y,0%),0) scale(var(--fluid-scale,1))}
  .z36-story-visual.z36-fluid-story .z36-launch-stage{transform:translate3d(0,var(--fluid-y,0%),0) scale(var(--fluid-scale,1))}
  .z36-story-visual.z36-fluid-story .z36-rocket{transform:translate3d(0,var(--fluid-y,0px),0) rotate(var(--fluid-r,0deg))}
}
@media (max-width:420px){
.z36-container,.z36-footer-top,.z36-footer-bottom{width:calc(100% - 22px)}
  .z36-hero-copy h1{font-size:39px}.z36-reactor{height:330px;scale:.92}
  .z36-reactor-orbit.o3{width:330px;height:330px}
  .z36-story-visual-wrap{height:405px}
  .z36-command-panel{width:75%;left:4%}.z36-launch-stage{width:40%;right:0}
  .z36-page-visual{height:300px}
  .z36-about-orbit-stage{height:350px;scale:.94}
  .z36-contact-console{min-height:540px}.z36-contact-console h2{font-size:33px}
  .z36-contact-routes a{grid-template-columns:29px 1fr 16px;padding-inline:4px}.z36-contact-routes a b{font-size:12px}
.z36-container,.z36-footer-top,.z36-footer-bottom{width:calc(100% - 24px)}
  .z36-header-inner{width:calc(100% - 14px)}
  .z36-hero-actions .z36-btn{width:100%}
  .z36-reactor{scale:.9;margin-inline:-4%}
  .z36-story-visual-wrap{height:430px}
  .z36-command-panel{width:76%;left:3%}
  .z36-cap-card,.z36-cap-card--1{flex-basis:min(84vw,320px)}
  .z36-project-card,.z36-project-card--1{flex-basis:min(88vw,338px)}
.z36-mobile-dock{width:calc(100% - 20px);height:40px}
  .z36-mobile-menu-art{grid-template-columns:90px 1fr}.z36-mobile-menu-art>div{width:82px;height:82px}.z36-mobile-menu-art>div>i{width:66px;height:66px}.z36-mobile-menu-art>div>i:nth-child(2){width:88px;height:88px}.z36-mobile-menu-art p{font-size:19px}
  .z36-about-orbit-stage{padding-top:170px;min-height:570px}.z36-service-orbit{min-height:500px}
.z36-cine-frame-label small{display:none}.z36-cine-frame-label b{width:23px;height:17px}.z36-cine-frame>em{font-size:92px}.z36-page-mode-word{font-size:72px}
.z36-page-visual{height:min(86vw,282px)}
  .z36-svc-frame-copy{padding-inline:18px}
  .z36-services-director-sticky h2{font-size:32px}
  .z36-contact-console,.z36-contact-form-card{padding-inline:16px}
.z36-generic-hero{padding-top:122px}
  .z36-empty{padding-inline:0}
  .z36-empty .search-form{max-width:100%}
}
@media (prefers-reduced-motion: reduce){
*,*::before,*::after{scroll-behavior:auto !important;animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}*,*:before,*:after{scroll-behavior:auto;animation-duration:.001ms;animation-iteration-count:1;transition-duration:.001ms}.z36-reveal{opacity:1;transform:none}.z36-scroll-rail{display:none}.z36-particle-canvas,.z36-final-canvas{display:none}.z36-intro-hook{display:none}.z36-experience.has-intro .z36-hero-layout,.z36-experience.has-intro .z36-scroll-cue{opacity:1;translate:none}.z36-about-ring,.z36-intro-orbit,.z36-about-marquee>div{animation:none}.z36-page-hero:before{animation:none}
  .z36-hero-aperture>i,.z36-hero-beam,.z36-reactor-node,.z36-reactor-core:after{animation:none}
  [data-z36-depth],[data-z36-tilt],.z36-magnetic,.z36-page-visual,.z36-contact-signal{translate:none;transform:none}
  .z36-reveal{filter:none}
  .z36-signal-ribbon:after{display:none}
  .z36-reactor,.z36-story-visual,.z36-launch-stage,.z36-command-panel{rotate:0deg;scale:1;translate:0;transform:none}
  .z36-route-transition{display:none}.z36-mobile-menu-art>div>i,.z36-idea-core>i{animation:none}.z36-page-ready .z36-page-hero .z36-page-copy,.z36-page-ready .z36-page-hero .z36-page-visual{animation:none;opacity:1;transform:none}.z36-route-arrival .z36-route-transition{visibility:hidden}.z36-story-step{opacity:1;transform:none;filter:none}
  .z36-services-cinema .z36-svc-frame,.z36-services-cinema .z36-svc-frame-visual{transform:none;opacity:1}
  .z36-svc-art--web .orbit,.z36-svc-art--strategy .radar i:nth-child(3),.z36-svc-art--social .hub i:nth-child(2),.z36-service-pulse>div{animation:none}
  .z36-route-arrival:not(.z36-page-ready) .z36-page-hero .z36-page-copy,
  .z36-route-arrival:not(.z36-page-ready) .z36-page-hero .z36-page-visual,
  .z36-route-arrival:not(.z36-page-ready) .z36-experience .z36-hero-layout,
  .z36-route-arrival:not(.z36-page-ready) .z36-experience .z36-scroll-cue{opacity:1}
  .z36-cine-frame-scan{display:none}.z36-cine-heading,.z36-web-stack,.z36-proof-number,.z36-project-card,.z36-final-inner,.z36-page-mode-word{translate:none;rotate:0deg}
  .z36-hero:before{transform:none}.z36-cap-card:after{display:none}.z36-service-instrument *,.z36-about-genome,.z36-about-genome path,.z36-contact-route-map .route-live,.z36-contact-route-map .route-progress{transition:none;animation:none}
}
.z36-project-card{--case-overlay:.48;--case-info-y:0px;border-color:rgba(89,145,226,.18);background:#071427;box-shadow:0 18px 48px rgba(0,16,43,.08)}
.z36-project-card:after{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(3,13,30,.10) 56%,rgba(3,13,30,var(--case-overlay)) 100%);pointer-events:none;transition:opacity .65s var(--z36-cinema),background .65s var(--z36-cinema)}
.z36-project-card .z36-art{position:absolute;inset:0;width:100%;height:100%;min-height:0;z-index:0}
.z36-project-meta{z-index:4}
.z36-project-info{position:absolute;z-index:4;right:0;left:0;bottom:0;padding:clamp(20px,2vw,30px);display:flex;align-items:end;justify-content:space-between;gap:22px;color:#fff;background:linear-gradient(180deg,transparent,rgba(2,10,24,.76));transform:translate3d(0,var(--case-info-y),0);transition:transform .65s var(--z36-cinema)}
.z36-project-info h3{margin:0 0 8px;font-size:clamp(22px,2vw,31px);line-height:1.25;color:#fff}
.z36-project-info p{margin:0;max-width:520px;font-size:13px;line-height:1.75;color:#a8bddb}
.z36-project-info strong{flex:0 0 auto;padding:8px 10px;border-radius:10px;border:1px solid rgba(115,176,255,.22);background:rgba(5,22,50,.70);font-size:clamp(20px,2.1vw,30px);line-height:1;color:#8ec5ff;letter-spacing:-.03em}
.z36-project-card:hover,.z36-project-card:focus-visible{--case-overlay:.62;--case-info-y:-4px;border-color:rgba(106,169,255,.30);box-shadow:0 28px 70px rgba(0,21,56,.16)}
.z36-project-card--1 .z36-project-info h3{font-size:clamp(28px,2.5vw,40px)}
.z36-project-card--1 .z36-project-info p{font-size:14px;max-width:600px}
.z36-proof-number strong{letter-spacing:-.045em;text-wrap:nowrap}
.z36-section-head>p,.z36-proof-head>p{font-size:14px}
.z36-blog-card .body{display:flex;flex-direction:column}
.z36-blog-card .body .arrow{margin-top:auto}
.z36-motion-editorial .z36-cine-heading:after{display:none}
.z36-motion-data>.z36-cine-frame>u{opacity:.26}
.z36-motion-instrument>.z36-cine-frame .z36-cine-frame-scan{opacity:.36}
.z36-motion-narrative>.z36-cine-frame .z36-cine-frame-scan{opacity:.72}
.z36-proof-number p,.z36-process-step p,.z36-blog-card .body p{font-size:13px}
.z36-quality-lite .z36-signal-ribbon>div,.z36-quality-lite .z36-idea-rail,.z36-quality-lite .z36-about-node,.z36-quality-lite .z36-about-orbit-readout,.z36-quality-lite .z36-cine-frame-label b{backdrop-filter:none}
.z36-quality-lite .z36-project-card:before{backdrop-filter:none}
.z36-quality-lite .z36-hero-beam{filter:blur(8px);opacity:.72}
.z36-header-inner{position:relative;overflow:visible;isolation:isolate}
.z36-header-inner:before{content:"";position:absolute;z-index:0;top:0;bottom:0;left:-118px;width:118px;border-radius:inherit;background:linear-gradient(90deg,transparent,rgba(103,172,255,.11),rgba(255,255,255,.05),transparent);opacity:0;pointer-events:none;transition:left .86s cubic-bezier(.22,.72,.16,1),opacity .22s ease}
.z36-header-inner:hover:before{left:100%;opacity:1}
.z36-brand{position:relative;min-width:42px;width:42px;flex:0 0 42px;gap:0;overflow:visible;z-index:3}
.z36-brand-mark{position:relative;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;border:1px solid rgba(107,168,255,.12);background:linear-gradient(145deg,rgba(44,102,201,.12),rgba(4,18,39,.36));transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .35s,background .35s,box-shadow .35s}
.z36-brand-mark:before{content:"";position:absolute;inset:5px;border:1px dashed rgba(104,170,255,.22);border-radius:10px;opacity:.5;transition:rotate .7s cubic-bezier(.16,1,.3,1),opacity .35s}
.z36-brand-mark>i{position:absolute;width:5px;height:5px;border-radius:50%;top:3px;right:7px;background:#77bdff;box-shadow:0 0 12px #3d8fff;opacity:.55;transition:transform .65s cubic-bezier(.16,1,.3,1),opacity .35s}
.z36-brand-mark>img,.z36-brand-mark .z36-brand-custom img{display:block;width:30px;height:30px;max-height:30px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(38,105,244,.22));transition:transform .55s cubic-bezier(.16,1,.3,1),filter .35s}
.z36-brand:hover .z36-brand-mark,.z36-brand:focus-visible .z36-brand-mark{transform:translateY(-2px) rotate(-2deg);border-color:rgba(111,178,255,.4);background:linear-gradient(145deg,rgba(54,124,246,.23),rgba(4,18,39,.58));box-shadow:0 12px 28px rgba(0,34,92,.28)}
.z36-brand:hover .z36-brand-mark:before,.z36-brand:focus-visible .z36-brand-mark:before{rotate:90deg;opacity:.9}
.z36-brand:hover .z36-brand-mark>i,.z36-brand:focus-visible .z36-brand-mark>i{transform:translate(-20px,29px);opacity:1}
.z36-brand:hover .z36-brand-mark>img,.z36-brand:hover .z36-brand-custom img,.z36-brand:focus-visible .z36-brand-mark>img,.z36-brand:focus-visible .z36-brand-custom img{transform:scale(1.07);filter:drop-shadow(0 8px 17px rgba(61,137,255,.35))}
.z36-brand-hover{position:absolute;top:calc(100% + 12px);right:0;width:max-content;min-width:210px;padding:10px 13px 11px 38px;border:1px solid rgba(105,166,255,.23);border-radius:12px;background:rgba(4,18,39,.94);box-shadow:0 18px 42px rgba(0,8,24,.28);backdrop-filter:blur(15px) saturate(130%);direction:ltr;text-align:left;display:grid;gap:2px;opacity:0;visibility:hidden;transform:translateY(-7px) scale(.97);transform-origin:top right;transition:opacity .22s ease,visibility .22s,transform .42s cubic-bezier(.16,1,.3,1);pointer-events:none}
.z36-brand-hover:before{content:"";position:absolute;left:14px;top:50%;width:12px;height:12px;border:1px solid rgba(112,181,255,.45);border-radius:4px;translate:0 -50%;rotate:45deg;box-shadow:inset 0 0 0 3px rgba(54,124,246,.12),0 0 14px rgba(54,124,246,.16)}
.z36-brand-hover b{font-size:12px;line-height:1.15;letter-spacing:.18em;color:#fff}
.z36-brand-hover small{font-size:9px;line-height:1.3;letter-spacing:.16em;color:#78b4ff}
.z36-brand-hover em{font-style:normal;font-size:8px;line-height:1.4;letter-spacing:.11em;color:#718bb5}
.z36-brand:hover .z36-brand-hover,.z36-brand:focus-visible .z36-brand-hover{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.z36-nav>ul{counter-reset:z36nav}
.z36-nav>ul>li{counter-increment:z36nav;position:relative}
.z36-nav>ul>li:before{content:counter(z36nav,decimal-leading-zero);position:absolute;left:50%;top:-13px;translate:-50% 4px;font-size:6px;line-height:1;letter-spacing:.08em;color:#5f8fd6;opacity:0;transition:opacity .22s,translate .35s cubic-bezier(.16,1,.3,1);pointer-events:none}
.z36-nav>ul>li:hover:before,.z36-nav>ul>li:focus-within:before{opacity:.9;translate:-50% 0}
.z36-header-cta{position:relative;overflow:hidden;transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s,background .32s}
.z36-header-cta:before{content:"";position:absolute;inset:-2px auto -2px -42px;width:32px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transform:skewX(-18deg);transition:left .55s cubic-bezier(.22,.72,.16,1);pointer-events:none}
.z36-header-cta:hover{transform:translateY(-2px);box-shadow:0 13px 28px rgba(54,124,246,.3);background:#4186ff}
.z36-header-cta:hover:before{left:calc(100% + 18px)}
.z36-header-cta i{transition:transform .35s cubic-bezier(.16,1,.3,1)}
.z36-header-cta:hover i{transform:translate(-2px,-2px) scale(1.08)}
.z36-project-real-media{position:absolute;inset:0;z-index:0;overflow:hidden;background:#071426}
.z36-project-real-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;scale:1.001;filter:saturate(.94) contrast(1.01);transition:scale .9s var(--z36-cinema),filter .9s var(--z36-cinema)}
.z36-project-card:hover .z36-project-real-media img,.z36-project-card:focus-visible .z36-project-real-media img{scale:1.035;filter:saturate(1.04) contrast(1.025)}
.z36-case-hero .metric.is-project strong{font-size:clamp(30px,3vw,44px);letter-spacing:.14em}
.z36-case-chapter.impact.is-project strong{font-size:clamp(34px,5vw,58px);letter-spacing:.06em}